Skip to content
内容大纲
官方QQ交流群
pc端ui:468705115   点此加入
移动端ui:468217742   点此加入
技术交流1:87208295   点此加入
技术交流2:787747122   点此加入
官网
云控制台
开放平台
关注微信公众号
代码仓库: 码云

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>

属性

属性名类型默认值说明
imgString/static/logo.png图片路径
contentString加载中...描述问题

Copyright © 2017 10yun.com | 十云提供计算服务-IPV6 | ctocode组开发