更新记录

1.0.11（2020-01-12）

修改图片示例显示情况

1.0.1（2020-01-12）

新增球形波浪进度条，GIF图播放有点卡顿，请下载项目运行查看。

1.0.0（2020-01-04）

一个简单的进度条样式，目前支持线形以及圆形进度条。

平台兼容性

Loading说明

简单的一个进度条展示组件。
目前主要包含线形和圆环进度条加载样式，可供学习。

使用组件

引入组件

<load-line loadType="line" :loadText="loadText" :lineInfo="lineInfo" :loadPercent="loadPercent"></load-line>
<load-line loadType="circle" :circleInfo="circleInfo" :loadPercent="loadPercent"></load-line>
<load-line loadType="ball" :ballInfo="ballInfo" :loadPercent="loadPercent"></load-line>

import LoadLine from '../../components/load-line/load-line.vue'

export default {
    components:{
        LoadLine,
    }
}

线形进度条参数说明

圆环形进度条参数说明

球形进度条参数说明

目录结构

├── components    //组件
│   └── load-line    //Loading组件
│   │   └── css    //css
│   │   │   ├── font-awesome.min.css    //图标样式
│   │   │   └── loadline.css    //基础组件样式
│   │   └── load-line.vue    //Loading组件
│   │   │
├── pages    //页面文件夹  
│   └── load
│   │   └── load.vue    //功能页