更新记录
1.0.0(2023-05-24)
初版发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
√ |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
组件调用
<fast-actionsheet></fast-actionsheet>
props参数
参数名 |
说明 |
类型 |
默认 |
是否必填 |
isOpen |
是否开启(需要sync修饰符) |
Boolean |
false |
是 |
height |
面板的高度 |
[Number,String] |
50% |
否 |
width |
面板的宽度 |
[Number,String] |
50% |
否 |
radius |
圆角样式 |
[Number,String] |
0 |
否 |
drawerLeft |
左抽屉 |
Boolean |
false |
至少选一个 |
drawerRight |
右抽屉 |
Boolean |
false |
至少选一个 |
drawerTop |
上抽屉 |
Boolean |
false |
至少选一个 |
drawerDown |
下抽屉 |
Boolean |
false |
至少选一个 |
事件
名称 |
说明 |
参数 |
on-close |
关闭弹框触发事件 |
-- |
slot插槽
例子
[view]
<button type="primary" @tap="isOpen = true">试试</button>
<fast-actionsheet
:is-open.sync="isOpen"
:radius="15"
height="60%"
drawerLeft
>
内容
</fast-actionsheet>
[script]
data(){
return{
isOpen:false
}
}