操作菜单 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:子菜单上的图片,显示在文字左侧。如果iconimage同时使用,则image的优先级高于icon
    • :子菜单的样式;
    • color:子菜单的文字颜色;
    • openType:子菜单的微信开放能力,参看button操作菜单 ActionSheet - 图2

    设置标题

    通过在wx.lin.showActionSheet中传入title设置标题。

    关闭操作菜单

    点击背景蒙层默认可以关闭操作菜单,通过在wx.lin.showActionSheet中传入locked:false,取消点击背景蒙层关闭操作菜单的功能。

    通过改变showCancel的布尔值,设置是否显示取消按钮,默认不显示(false);cancelText设置取消按钮的文字内容,默认为取消

    外部样式类

    • 用于修改操作菜单的标题的样式
    • l-class-item 修改操作菜单子菜单的样式
    • l-class-cancel 修改操作菜单取消区域的样式

    通过设置open-api=false属性可关闭API调用,切换到组件使用模式。

    设置组件show属性为truefalse,可以控制action-sheet的显示和隐藏。

    此外,可以给组件绑定点击操作菜单子菜单的点击事件(linitemtap)以及点击取消按钮和背景蒙层是的点击事件(lincancel)。

    操作菜单属性 (ActionSheet Attributes)

    操作菜单子菜单组(ActionSheet ItemList)