小程序笔记、教程

小程序textarea的placehoder不支持行高设置解决方

2019-11-02  本文已影响0人  不二很纯洁
image.png

通过布局解决

定位重叠在一起,判断内容是否有值去显示,示例使用mpvue,原生监听 input事件

<div class="textBox rel">
    <div class="text w100 pt10 pb10 pl15 pr15 abs l0 t0 c9" v-text="placeholder" v-show="contnet.length===0"></div>
    <textarea 
        class="text w100 box_bb pt10 pb10 pl15 pr15 rel"
        name="content"
        maxlength="-1" 
        cursor-spacing="18" 
        :fixed="true" 
        :show-confirm-bar="false" 
        :auto-height="true" 
        :focus="open"
        @blur="onBlur"
        v-model="contnet"></textarea>
</div>
上一篇 下一篇

猜你喜欢

热点阅读