Micro-channel solutions applet textarea high level (to cover other elements) issues

1. First, textarea for the micro-channel applet native component, which is the highest level, so the other components in the page regardless of the setting z-index as much, they can not cover the native components.

2. Solution:

Method a: may be provided by the official <cover-view /> tag or nested view button, or by <cover-image /> tag

<cover-view>
    提交
</cover-view>　　

Method Two: vant weapp, I use the first method of its components can not be nested, then by what method

(1) with a view to accommodating overwrite placeholder

<view class="placeholder" wx:if="{{locationShow}}">请输入事发地点</view>
<textarea class="myTextarea" bindfocus="locationFocus"  bindblur="locationInput"></textarea>

(2) the definition of variables

location:'',
locationShow:true,

(3) a method of adding

//地点聚焦
  locationFocus() {
    this.setData({
      locationShow: false
    })
  },
  //地点输入
  locationInput(e) {
    var input = e.detail.value;
    this.setData({
      location: e.detail.value,
      locationShow: input.length ? false : true
    });
  },