使用说明

// 按需引入需要在 app.scss 中引入对应样式 actionSheet.scss
import { ClActionSheet } from "mp-colorui";

一般用法

该组件为受控组件，isOpened 参数用来控制开启和关闭

参数说明

ActionSheet 参数

参数	说明	类型	可选值	默认值
isOpened	是否是显示	boolean	-	false
type	类型	string	full, card	full
showCancel	是否显示取消按钮	boolean	-	false
tip	提示文字	string		-
closeWithShadow	点击阴影关闭(此效果会触发 onCancel 事件，请在 onCancel 里手动将 isOpened 属性设置为 false)	boolean	-	true
cancelText	取消按钮的文字	string	-	取消
cancelBgColor	取消按钮背景色	string	参考文档 默认色	white
cancelFontColor	取消按钮按钮文字颜色	string	参考文档 默认色-标准色	-
options	展示的数组	options[]	-	[]

options

参数	说明	类型	可选值	默认值
bgColor	按钮背景色	string	参考文档 默认色	white
text	文字内容	string

ActionSheet 事件

事件名称	说明	参数
onCancel	取消时触发
onClick	点击选项按钮时触发	index

部分功能需扫码预览才能正常显示。

H5及小程序二维码