更新记录
1.0.0(2020-05-14) 下载此版本
1.0.0
平台兼容性
e-modal
template中,组件放在components 无需import(需要HBuilderX2.5.5以上)
使用示例
<template>
<e-modal :visible.sync="visible" @cancel="handleCancel">你好</e-modal>
</template>
<script>
export default {
data() {
return {
visible: ''
}
},
methods: {
handleCancel() {
console.log('cancel')
}
}
}
</script>
属性
属性 | 默认 | 介绍 |
---|---|---|
visible | false | modal的可见性,需要配合.sync修饰符使用,见示例 |
mask | true | 是否开启遮罩 |
width | 75% | box宽度 |
animation | true | 显示隐藏动画 |
事件
事件 | 介绍 |
---|---|
cancel | 隐藏modal触发 |
插槽
e-modal 包含一个默认插槽;方便自定义样式