操作菜单

从底部弹出的一个操作菜单，类似于 uni.showActionSheetAPI，同时添加新的支持。

平台差异

App	H5	微信小程序	支付宝小程序	头条小程序
√	√	√	√	√

Options

参数	说明	类型	可选值	默认值
list	菜单列表	array
close-on-click-modal	点击遮罩层是否关闭	boolean		true
callback	回调	function		function({ action })
before-close	关闭前回调	function		function({ action,done })
show-cancel	是否显示取消按钮	boolean		true
cancel-text	取消按钮文本内容	string		取消

示例

<template>
	<view>
		<cl-action-sheet ref="action-sheet"></cl-action-sheet>
		<cl-button>打开</cl-button>
	</view>
</template>

<script>
	export default {
		methods: {
			open() {
				this.$refs["action-sheet"].open({
					list: [
						{
							label: "确认要清空历史记录吗？",
							disabled: true,
							size: "26rpx"
						},
						{
							label: "确定"
						}
					],
					callback: ({ action }) => {
						console.log(action);
					}
				});
			}
		}
	};
</script>