弹出view,input框文字飘到view上,如上图。
官方解释:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1600
··········由于textarea是原生组件实现,层级最高,目前还无法支持在上面覆盖元素这样的交互设计。
既然如此 我们就只能----绕着走了。
规避法,弹出view时,把input或者textarea组件移出屏幕,这样即可不挡屏幕。
给input或者textarea的view加上动态样式
<view class="li clear" style="margin-top:{{top}};"> <view class="tit ">意向运价</view> <view class="rbox "> <input disabled="{{isDisabled}}" class="col-gray" type="digit" name="pay" placeholder="请输入" /> </view> </view>
margin的方向,任君选择。
弹出view时,将input移出屏幕:
this.setData({ isDisabled: true, top:"10000px" })
view隐藏时,再将input移回来
this.setData({ isDisabled: false, top:"0px" })完美~