使用指南

在 Taro 文件中引入组件

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

一般用法

参数说明

FloatButton 参数

参数	说明	类型	可选值	默认值
shape	按钮形状设置	string	round,radius	round
closeWithShadow	点击阴影关闭	boolean	-	false
size	按钮大小	string	small,normal,large,xlarge	normal
shadow	是否有阴影	boolean	-	true
move	是否可移动	boolean	-	false
open	是否可展开	boolean	-	true
icon	图标，可以传参为图标名或者直接 icon 类型	string 、 Icon	参考文档 Icon-iconName	add
bgColor	背景色	string	参考文档 默认色	blue
iconColor	图标色	string	参考文档 默认色-标准色	-
direction	展开方向	string	vertical,horizontal	vertical
actionList	展开按钮组	actionList[]	-	[]

actionList

参数	说明	类型	可选值	默认值
icon	图标	string	参考文档 Icon-iconName	-
bgColor	背景色	string	参考文档 默认色	-
iconColor	图标色	string	参考文档 默认色-标准色	-

FloatButton 事件

事件名称	说明	返回参数
onClick	点击按钮时触发	event 对象
onActionClick	点击展开的按钮	index 索引

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

H5及小程序二维码