平台兼容性
Curtain 幕帘
幕帘组件,组件名:cmd-curtain
,代码块: cmdCurtain。
使用方式:
在 script
中引用组件
import cmdCurtain from "@/components/cmd-curtain/cmd-curtain.vue"
export default {
components: {cmdCurtain}
}
用法
cmd-curtain :visible="visible" mode="top-right">
<image mode="aspectFit" :src="img"></image>
</cmd-curtain>
cmd-curtain :visible="visible" mode="top-let">
<image mode="aspectFit" :src="img"></image>
</cmd-curtain>
cmd-curtain :visible="visible" mode="top">
<image mode="aspectFit" :src="img"></image>
</cmd-curtain>
属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
visible | Boolean | false | 显示状态 |
mode | String | bottom | 按钮方向模式 top、top-right、top-left bottom、bottom-right、bottom-left |
事件说明:
事件名称 | 说明 |
---|---|
close | 点击 Curtain 关闭事件 |