收藏
回答

底部固定的button该怎么完美实现覆盖在textarea上

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 客户端 7.0.3 2.5.2

- 当前 Bug 的表现(可附上截图)

textarea是原生组件, 由于层级最高,导致底部固定button按钮无法覆盖  官网提供的cover-view 也不行,  用view的替换法导致要点2下才能弹出输入法.. 问下还用哪种方式能够完美覆盖

- 预期表现

  底部固定button完美覆盖在textarea上

- 复现路径


- 提供一个最简复现 Demo


回答关注问题邀请回答
收藏

8 个回答

  • Eren
    Eren
    2019-02-16

    用cover-view自己实现一个按钮,不要直接用button组件。如果想要实现和button相同的样式,可以参考官方WeUI的github,里面有button样式


    https://github.com/Tencent/weui/blob/master/dist/style/weui.css

    2019-02-16
    有用 1
    回复
  • 2019-02-14

    据说官方在开发富文本编辑器,所以等等吧。

    2019-02-14
    有用 1
    回复
  • 2019-02-15

    用小程序组件cover-view做一个button,定位在底部是可以的


    2019-02-15
    有用
    回复 6
    • 2019-02-15

      cover-view 是不行的 button会被隐藏掉的  这个我试过了

      2019-02-15
      1
      回复
    • 2019-02-15

      cover-view   里面不用button组件  直接就把cover-view按照button的UI样式写就行了

      2019-02-15
      回复
    • 2019-02-15

      cover-view 里面加button肯定会把button遮盖掉的

      2019-02-15
      回复
    • 2019-02-15


      2019-02-15
      回复
    • 2019-02-15回复

      哦哦 等会我试试


      2019-02-15
      回复
    查看更多(1)
  • 2019-02-15

    直接用input去代替

    2019-02-15
    有用
    回复
  • 六·四
    六·四
    2019-02-14

    编辑的时候是textarea,不编辑的时候用view吧

    2019-02-14
    有用
    回复 6
    • 2019-02-14

      这个我试过 然后有个问题,需要点击2下才能触发弹出输入法

      2019-02-14
      回复
    • 沉冰
      沉冰
      2019-02-14回复

      在点击的时候,用focus给textarea获取焦点

      https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html

      2019-02-14
      回复
    • 2019-02-16回复

      点击两下才出现弹出输入框这个问题,

      是要 先 让 textarea 显示出来 在设置focus为true..

      this.setData({ textarea: true },()=>{

          this.setData({ focus:true})

      })

      这样就OK

      2019-02-16
      回复
    • 夜雨声烦
      夜雨声烦
      2019-02-25

      那如果我是两个富文本输入框,从一个跳到另一个还是要点两下,咋整(+_+)?

      2019-02-25
      1
      回复
    • 六·四
      六·四
      2019-02-25回复夜雨声烦

      需要聚焦哪个就聚焦哪个啊

      2019-02-25
      1
      回复
    查看更多(1)
  • APPx应用魔方
    APPx应用魔方
    2019-02-14

    这个坑还没有填好  坐等

    2019-02-14
    有用
    回复
  • var 友原
    var 友原
    2019-02-14

    video已实现了,相信textarea也不远了

    2019-02-14
    有用
    回复 5
  • 拾忆
    拾忆
    2019-02-14

    请看最新公告~坐等!

    2019-02-14
    有用
    回复
登录 后发表内容