Skip to content

基于vue的环形加载组件Demo,控制顺、逆时针,加载速度等(只提供一个实现思路)

Notifications You must be signed in to change notification settings

wangmingdong/circle-loader

Repository files navigation

circle-loader

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run e2e tests
npm run e2e

# run all tests
npm test

demo

demo

{
    // 帧数
    frequency: {
        default: 10,
        type: Number
    },
    // 规格 small normal large
    size: {
        default: 'normal',
        type: String
    },
    // 环形高亮颜色
    highlight: {
        default: 'rgba(4, 96, 245)',
        type: String
    },
    // 默认颜色
    defaultColor: {
        default: 'rgba(0, 0, 0, 0.2)',
        type: String
    },
    // 圆心颜色
    insideColor: {
        default: '#fff',
        type: String
    },
    // 总时长
    time: {
        default: 3,
        type: Number
    }
}

About

基于vue的环形加载组件Demo,控制顺、逆时针,加载速度等(只提供一个实现思路)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published