小程序textarea层级最高的，显示其他元素上面的问题

前言

前段时间写小程序的时候，用到了textarea最高标签，发现还有蛮多bug的

在订单页面用到这个组件时发现textarea这个标签的层级最高，挡住了我下面设置fixed属性的元素如下图

然后看了看微信的开发文档，发现微信还有一个层级最高的组件叫cover-view，于是就开始改代码：

<view class="go_buy">
    <view class="btn_lf">实付：</view>
    <view class="asdfddd">￥{{dateUtil.fm(totalPrice)}}</view>
    <view class="asdsad"></view>
    <view class="buy_btn" bindtap="gobuy">支付</view>
  </view>

改为：

<cover-view class="go_buy">
    <cover-view class="btn_lf">实付：</cover-view>
    <cover-view class="asdfddd">￥{{dateUtil.fm(totalPrice)}}</cover-view>
    <cover-view class="asdsad"></cover-view>
    <cover-view class="buy_btn" bindtap="gobuy">支付</cover-view>
  </cover-view>

这样就可以盖住textarea框里的字了

结语

注意在cover-view标签里只能套用cover-view或者cover-image。后来发现，其实不一定要用cover-view，下面的操作按钮上设置z-index也可以。