diff --git a/packages/mobile/components/input/src/renderless/index.ts b/packages/mobile/components/input/src/renderless/index.ts index 4f1ba62c96..97624717e3 100644 --- a/packages/mobile/components/input/src/renderless/index.ts +++ b/packages/mobile/components/input/src/renderless/index.ts @@ -391,9 +391,9 @@ export const handlePasswordVisible = } export const getSuffixVisible = - ({ parent, props, state }: Pick) => + ({ vm, props, state }: Pick) => (): boolean => - parent.$slots.suffix || + vm.$slots.suffix || props.suffixIcon || state.showClear || props.showPassword || diff --git a/packages/mobile/components/input/src/renderless/vue.ts b/packages/mobile/components/input/src/renderless/vue.ts index d1e4b7e0e2..62624006ac 100644 --- a/packages/mobile/components/input/src/renderless/vue.ts +++ b/packages/mobile/components/input/src/renderless/vue.ts @@ -202,7 +202,7 @@ const initApi = ({ handleChange: handleChange(emit), watchFormSelect: watchFormSelect({ emit, props, state }), calcIconOffset: calcIconOffset({ CLASS_PREFIX, parent }), - getSuffixVisible: getSuffixVisible({ parent, props, state }), + getSuffixVisible: getSuffixVisible({ vm, props, state }), calculateNodeStyling: calculateNodeStyling(), handleCompositionStart: handleCompositionStart(state), handleCompositionUpdate: handleCompositionUpdate(state), diff --git a/packages/theme-mobile/src/input/index.less b/packages/theme-mobile/src/input/index.less index 4a95cbe867..9bcb83324f 100644 --- a/packages/theme-mobile/src/input/index.less +++ b/packages/theme-mobile/src/input/index.less @@ -24,18 +24,17 @@ .component-css-vars-input(); position: relative; - display: inline-block; &__inner { - height: var(--ti-mobile-textarea-height); padding: var(--ti-mobile-textarea-padding-vertical) var(--ti-mobile-textarea-padding-horizontal); font-size: var(--ti-mobile-textarea-inner-font-size, 16px); font-family: var(--ti-mobile-input-font-family); color: var(--ti-mobile-textarea-inner-text-color); display: block; - resize: none; + resize: vertical; box-sizing: border-box; - border: none; + border: 1px solid #c2c2c2; + border-radius: 8px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); line-height: var(--ti-mobile-input-line-height);