操作菜单 ActionSheet
组件有两种用法:
1 wx.lin.showActionSheet(object)
,接近于微信原生API wx.showActionShee的调用方式.
2 常规组件的使用方式,通过更改传入的属性值来控制ActionSheet
的显示和隐藏。
默认调用方式为wx.lin.showActionSheet
。
在使用wx.lin.showActionSheet
的调用时,与组件的使用一致,需要在json文件中引入组件,且在wxml中写入action-sheet
组件。
注意事项
必须传入itemList
,且长度不能为0。
操作菜单子菜单
操作菜单的子菜单通过itemList
设置,接收的是一个数组,数组长度不能超过 10,当长度超过10时,只显示前10个内容。
同时,数组的每个item是个对象,可传入的属性有:
name
:子菜单显示的内容,必填;image
:子菜单上的图片,显示在文字左侧。如果icon
和image
同时使用,则image
的优先级高于icon
;- :子菜单的样式;
color
:子菜单的文字颜色;openType
:子菜单的微信开放能力,参看button
设置标题
通过在wx.lin.showActionSheet
中传入title
设置标题。
关闭操作菜单
点击背景蒙层默认可以关闭操作菜单,通过在wx.lin.showActionSheet
中传入locked:false
,取消点击背景蒙层关闭操作菜单的功能。
通过改变showCancel
的布尔值,设置是否显示取消按钮,默认不显示(false
);cancelText
设置取消按钮的文字内容,默认为取消
。
外部样式类
- 用于修改操作菜单的标题的样式
l-class-item
修改操作菜单子菜单的样式l-class-cancel
修改操作菜单取消区域的样式
通过设置open-api=false
属性可关闭API调用,切换到组件使用模式。
设置组件show
属性为true
或false
,可以控制action-sheet
的显示和隐藏。
此外,可以给组件绑定点击操作菜单子菜单的点击事件(linitemtap)以及点击取消按钮和背景蒙层是的点击事件(lincancel)。