微信小程序官方组件展示之表单组件keyboard-accessory源码

软件事业部

修改于 2022-08-26 08:17:02

43600

代码可运行

文章被收录于专栏：软件事业部专栏软件事业部专栏

运行总次数：0

代码可运行

以下将展示微信小程序之表单组件keyboard-accessory源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。

功能描述：

设置 input / textarea 聚焦时键盘上方 cover-view / cover-image 工具栏视图

Bug & Tip

1.tip: 视图最大高度为 200px

示例代码：

<textarea hold-keyboard="{{true}}">
  <keyboard-accessory class="container" style="height: 50px;">
    <cover-view bindtap="tap" style="flex: 1; background: green;">1</cover-view>
    <cover-view bindtap="tap" style="flex: 1; background: red;">2</cover-view>
  </keyboard-accessory>
</textarea>