cv-dialog-loading 弹框加载中 ¶
简要 ¶
弹框加载中
示例 ¶
vue
<template>
<view class="content">
<view class="components-title">
<view class="components-title-t">cv-dialog-loading</view>
<view class="components-title-d">加载中弹框</view>
</view>
<cv-dialog-loading :show="show" content="content" />
<button @tap="showModal">显示加载中弹框</button>
</view>
</template>
<script>
export default {
data() {
return {
show: false,
content: '提交中...' //默认:加载中...
};
},
onLoad() {},
methods: {
showModal() {
this.show = true;
setTimeout(() => {
this.show = false;
}, 3000);
},
clickTest(e) {}
}
};
</script>
<style>
button {
font-size: 14px;
width: 260px;
}
</style>
属性 ¶
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
img | String | /static/logo.png | 图片路径 |
content | String | 加载中... | 描述问题 |