更新记录

1.0.2(2020-07-14)

删除插件包中aui-header页面头部插件; 更新使用文档描述

1.0.1(2020-06-29)

aui-loading 插件“分离”优化; aui is not defined 报错问题处理

1.0.0(2020-06-22)

aui-loading加载弹窗首次发布

查看更多

平台兼容性

aui-loading

使用时请参考完整示例

参数 类型 描述 默认值 必选
type number 1: 常用风格;
2: 点击按钮后在按钮内显示加载动画;
3: 四个方块旋转;
4: 圆点放大缩小动画(全屏首次加载过度动画);
5: 圆点背景过度动画-微信小程序效果(全屏首次加载过度动画)
1
msg string 提示内容 ''
mask boolean 是否显示遮罩蒙版 true
direction string 横向("row")或纵向("col")控制 'col'
theme number type=3时,控制全屏或小窗展示(1:小窗; 2:全屏) 1
style object {
bg: '背景',
color: '文字颜色',
maskBg: '遮罩层颜色',
zIndex: '层级'
}
''

aui-loading显示:

_this.$refs.auiLoading.show(); //显示loading

aui-loading隐藏:

_this.$refs.auiLoading.hide(); //隐藏loading

插件引入示例:

<aui-loading 
  :show="auiLoading.show" 
  :type="auiLoading.type" 
  :direction="auiLoading.row" 
  :msg="auiLoading.msg" 
  :mask="auiLoading.mask"
></aui-loading>
import {aui} from '@/common/aui/js/aui.js';
import auiLoading from '@/components/aui-loading/aui-loading.vue';
export default {
  components: {
    auiLoading
  },
  data() {
    return {
      auiLoading: {
        show: false,
        type: 4,
        direction: 'col',
        msg: '加载中',
        mask: false,

      }
    }
  },
  onShow() {
    var _this = this;
    this.auiLoading.show = true;
    setTimeout(function(){
         _this.auiLoading.show = false;
    },300)
  },
  onLoad() {

  },
  methods: {

  }
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问