# myLoading加载动画
提示
myLoading是页面加载动画组件,一般用于页面加载动画。有多种加载样式,通过设置不同的type属性即可。
# 基本使用
<template>
<view>
<myLoading v-if="true"></myLoading>
<myLoading type="circle" v-if="true"></myLoading>
<myLoading type="pulse" v-if="true"></myLoading>
<myLoading type="bounce" v-if="true" title="页面正在加载..."></myLoading>
<myLoading type="eyes" v-if="true" mask></myLoading>
<myLoading type="triangle" v-if="true"></myLoading>
<myLoading type="sun" v-if="true"></myLoading>
<myLoading type="love" v-if="true"></myLoading>
<myLoading type="sword" v-if="true"></myLoading>
<myLoading type="atom" v-if="true"></myLoading>
<myLoading type="gear" v-if="true"></myLoading>
</view>
</template>
以下效果图片从左到右
# Props属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 加载动画类型 circle pulse bounce eyes triangle sun love sword atom gear | String | 'atom' |
title | 标题 | String | '加载中...' |
position | 位置 | String | 'fixed' |
zIndex | 层级 | Number | 9999 |
mask | 是否遮罩层 | Boolean | false |
# Event事件
事件名 | 说明 | 回调参数 |
---|---|---|
confirm | 点击时触发 | 无 |