微信小程序-input或textarea 里输入的文字或者是placeholder里的值,飘到弹出view上


弹出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"
    })
完美~

猜你喜欢

转载自blog.csdn.net/melon__/article/details/80581850
今日推荐