# 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 点击时触发