微信小程序 textarea组件层级过高导致文字穿透浮层的解决方法

页面中有一个fixed浮层,就算把层级设置到9999了,textarea的placeholder文字或者输入的文字内容都会直接穿透浮层,显示在浮层的上面。如下图:

解决方法:

再写一个样式跟textarea一样的view。当浮层出现时,隐藏textarea,显示模拟的textarea,即以下代码的isShow: true

<view class="textarea" wx:if="{{!isShow}}">
   <textarea maxlength="150" placeholder="请输入你的问题:(限150字)"></textarea>
</view>
<view class="simulate_textarea" wx:if="{{isShow}}">请输入你的问题:(限150字)</view>

猜你喜欢

转载自blog.csdn.net/mossbaoo/article/details/87169102
今日推荐