提交 bd4280dd 编写于 作者: Q qiang

fix: 解决 textarea 组件设置 auto-height 时仍然出现滚动条的问题

上级 6b1c2fbd
<template> <template>
<uni-textarea v-on="$listeners"> <uni-textarea
:value="_checkEmpty(value)"
:maxlength="maxlengthNumber"
:placeholder="_checkEmpty(placeholder)"
:disabled="disabled"
:focus="focus"
:auto-focus="autoFocus"
:placeholder-class="_checkEmpty(placeholderClass)"
:placeholder-style="_checkEmpty(placeholderStyle)"
:auto-height="autoHeight"
:cursor="cursorNumber"
:selection-start="selectionStartNumber"
:selection-end="selectionEndNumber"
v-on="$listeners"
>
<div <div
ref="wrapped" ref="wrapped"
class="uni-textarea-wrapped"> class="uni-textarea-wrapped">
...@@ -13,7 +27,7 @@ ...@@ -13,7 +27,7 @@
<div class="uni-textarea-compute"> <div class="uni-textarea-compute">
<div <div
v-for="(item,index) in valueCompute" v-for="(item,index) in valueCompute"
:key="index">{{ item||'.' }}</div> :key="index">{{ item.trim() ? item : '.' }}</div>
<v-uni-resize-sensor <v-uni-resize-sensor
ref="sensor" ref="sensor"
@resize="_resize"/> @resize="_resize"/>
...@@ -23,7 +37,6 @@ ...@@ -23,7 +37,6 @@
v-model="valueSync" v-model="valueSync"
:disabled="disabled" :disabled="disabled"
:maxlength="maxlengthNumber" :maxlength="maxlengthNumber"
:placeholder="placeholder"
:autofocus="autoFocus" :autofocus="autoFocus"
class="uni-textarea-textarea" class="uni-textarea-textarea"
@compositionstart="_compositionstart" @compositionstart="_compositionstart"
...@@ -88,10 +101,6 @@ export default { ...@@ -88,10 +101,6 @@ export default {
type: [Boolean, String], type: [Boolean, String],
default: false default: false
}, },
bindinput: {
type: String,
default: ''
},
cursor: { cursor: {
type: [Number, String], type: [Number, String],
default: -1 default: -1
...@@ -267,6 +276,9 @@ export default { ...@@ -267,6 +276,9 @@ export default {
}, },
_resetFormData () { _resetFormData () {
this.valueSync = '' this.valueSync = ''
},
_checkEmpty (str) {
return str || false
} }
} }
} }
...@@ -279,7 +291,13 @@ uni-textarea { ...@@ -279,7 +291,13 @@ uni-textarea {
display: block; display: block;
position: relative; position: relative;
font-size: 16px; font-size: 16px;
line-height: 1.2; line-height: normal;
}
uni-textarea[hidden] {
display: none;
}
uni-textarea[auto-height] .uni-textarea-textarea {
overflow-y: hidden;
} }
.uni-textarea-wrapped { .uni-textarea-wrapped {
position: relative; position: relative;
...@@ -295,6 +313,7 @@ uni-textarea { ...@@ -295,6 +313,7 @@ uni-textarea {
letter-spacing: inherit; letter-spacing: inherit;
text-indent: inherit; text-indent: inherit;
color: inherit; color: inherit;
text-align: inherit;
} }
.uni-textarea-placeholder, .uni-textarea-placeholder,
.uni-textarea-compute, .uni-textarea-compute,
...@@ -315,6 +334,7 @@ uni-textarea { ...@@ -315,6 +334,7 @@ uni-textarea {
letter-spacing: inherit; letter-spacing: inherit;
text-indent: inherit; text-indent: inherit;
color: inherit; color: inherit;
text-align: inherit;
} }
.uni-textarea-placeholder { .uni-textarea-placeholder {
color: grey; color: grey;
...@@ -331,16 +351,4 @@ uni-textarea { ...@@ -331,16 +351,4 @@ uni-textarea {
background-color: transparent; background-color: transparent;
opacity: inherit; opacity: inherit;
} }
.uni-textarea-textarea::-webkit-input-placeholder {
color: transparent;
}
.uni-textarea-textarea:-moz-placeholder {
color: transparent;
}
.uni-textarea-textarea::-moz-placeholder {
color: transparent;
}
.uni-textarea-textarea:-ms-input-placeholder {
color: transparent;
}
</style> </style>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册