1.0.0 • Published 4 years ago

@aidol/vue-laydal v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

@aidol/vue-laydal

A popup component for vue.js.

Introduce

  • loading 加载提示服务。其中定义了 3 种动画效果。

Installation

Using npm

$ npm install @aidol/vue-laydal --save

Usage

// mian.js
import Vue from 'vue'
import laydal from '@aidol/vue-laydal'

Vue.use(laydal)

// new Vue({ //...})

Loading 服务的使用

使用方式

const loadingInstance = new this.$LayLoading()

loadingInstance.open();  //开启 loading

// 随后使用 `loadingInstance.close()` 关闭 loading 即可

按需导入

import { LayLoading } from '@aidol/vue-laydal'
const loadingInstance = new LayLoading()

Loading配置

你可以向构造函数传入选项配置。

const loadingInstance = new LayLoading({ theme : "wave" , bgcolor: "red"})
选项类型默认值可选值描述
themeStringthree-bouncefading-circle , wave动画类型
bgcolorString#27A2FF(淡蓝)合法的 css 颜色值设置loading 的颜色

Logs

2018-10-23 新增 loading 功能

2020-4-17 去除 modellayer