收藏
评论

解决textarea层级最高问题

其实很简单,  设置一个最低高度



问题点:当优惠券点击出现时,  点击选择优惠券  无论怎么设置textarea,都会显示输入..


现在很简单,给textarea父级设置一个最低高度(掩耳盗铃方式,让用户感觉没有动,具体高度自己慢慢调)

.textarea {

margin: auto 20rpx;

min-height: 300rpx;

}

.textarea textarea {

width: 100%;

background: #F5F5F5;

}


重点:当点击显示优惠券时,让textarea 隐藏掉,优惠券不显示时,让textarea出现..

最后一次编辑于  2018-09-06  (未经腾讯允许,不得转载)
复制链接收藏赞 1

14 个评论

  • Yoฉันคิดถึง
    Yoฉันคิดถึง
    2018-09-06


    2018-09-06
    赞同
    回复 2
  • 杰先森s
    杰先森s
    2018-09-19

    。。。

    2018-09-19
    赞同
    回复
  • 宋思达
    宋思达
    2018-10-12

    楼主,万一textarea在遮罩层,直接隐藏掉就会留空白。。。

    2018-10-12
    赞同
    回复 5
    • Yoฉันคิดถึง
      Yoฉันคิดถึง
      2018-10-12

      在遮罩层就不存在,层级最高的问题啊,反正你要输入


      如果遮罩要挡住,只能替换掉textarea....这你要美工找个类似他的图片 替换掉,一点点差别

      2018-10-12
      赞同
      回复
    • 宋思达
      宋思达
      2018-10-12回复Yoฉันคิดถึง

      目前解决的方案是用view进行替换,但是具体替换样式 安卓和开发者工具显示好像还不一样,模拟器是看不出差异的 ,在真机上安卓明显有差异(如line-hight) 这问题真的头疼啊

      2018-10-12
      赞同
      回复
    • Yoฉันคิดถึง
      Yoฉันคิดถึง
      2018-10-12回复宋思达

      不行就放一张图片,我这么干的,长得一样

      2018-10-12
      赞同
      回复
    • 宋思达
      宋思达
      2018-10-12回复Yoฉันคิดถึง

      textarea 里面输入的内容是未知的,图片无法做到替换吧

      2018-10-12
      赞同
      回复
    • Yoฉันคิดถึง
      Yoฉันคิดถึง
      2018-10-12

      让他返回最开始的状态,客户要问就说,腾讯这边的bug , 或者cover-view  这个标签你看看

      2018-10-12
      赞同
      回复
  • 年华似水
    年华似水
    2018-10-24

    你这个textarea在页面的底部还好,如果这个textarea在页面的上部分,你把它wx:if了,他不占位置了,你这个遮罩层看不到他了,所有下部分的标签上移了,难道还要写一个和他一样的view吗

    2018-10-24
    赞同
    回复 3
    • Yoฉันคิดถึง
      Yoฉันคิดถึง
      2018-10-24

      是的,只能这样简单的解决,替换掉就行,或者你看看 cover-view这个标签

      2018-10-24
      赞同
      回复
    • 年华似水
      年华似水
      2018-10-24

      哈哈哈,我笑了呀,现在官方也开始掩耳盗铃了啊。。。

      2018-10-24
      赞同
      回复
    • Yoฉันคิดถึง
      Yoฉันคิดถึง
      2018-10-24回复年华似水

      官方那个新标签  就是弄了一个层级最高的标签,咱这个只不过是找了个低层级替换而已

      2018-10-24
      赞同
      回复