@aidol/vue-laydal

A popup component for vue.js.

Usage no npm install needed!

<script type="module">
  import aidolVueLaydal from 'https://cdn.skypack.dev/@aidol/vue-laydal';
</script>

README

@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"})
选项 类型 默认值 可选值 描述
theme String three-bounce fading-circle , wave 动画类型
bgcolor String #27A2FF(淡蓝) 合法的 css 颜色值 设置loading 的颜色

Logs

2018-10-23 新增 loading 功能

2020-4-17 去除 modellayer