更新记录
v1.0.0(2024-11-24)
下载此版本
更新
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 4.21 app-vue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
× |
× |
√ |
√ |
√ |
√ |
√ |
参数说明
optionData |
leftmin |
@fabId |
按钮需要展示的数据列表(必填) |
初始是否默认最小化(必填) |
点击按钮内容返回id(必填) |
数据类型示例 |
bool |
function |
{url=>按钮显示图画;name=>按钮显示名字} |
|
|
页面引用
HTML
<wjy-fab @fabId="receiveMessage" :optionData="optionData" :leftmin="leftmin"></wjy-fab>
JS(Vue3)
export default {
data() {
return {
leftmin:true,
optionData:[//模拟传来数据
{
url:"../../static/添加课程.png",
name:"添加"
},
{
url:"../../static/主页.png",
name:"主页"
},
{
url:"../../static/美化.png",
name:"美化"
}
],
};
},
methods: {
//点击id信息接收
receiveMessage(id){
console.log(id)
}
}
}