0.1.7 • Published 2 years ago

vue2-loading-views v0.1.7

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

vue2-loading-views

Installation

yarn add vue2-loading-views

As plugin

import Vue from "vue";

import loadView from 'vue2-loading-views';
Vue.use(loadView);

new Vue({
  render: (h) => h(App),
}).$mount("#app");

Usage

<template>
    <load-view 
        :loading="true"
        :progress-data="0" 
        :progress-width="450" 
        :text-size="16" 
        :loader-done="'載入完成'" 
        :loading-text="'載入中請稍後...'">
    </load-view>
</template>

Usage

The component accepts these props:

AttributeTypeDefaultDescription
loadingBooleantrue是否顯示
fullPageBooleantrue是否全螢幕
progressDataNumber0載入的數據
progressWidthString450pxloader的寬度,可自由改變寬度
loadingTextString載入中,請稍候...載入中的文字,可自由變換
loaderDoneString載入完成!載入完成的文字,可自由變換
TextSizeNumber16文字的大小
loaderColorString#0379FBloading icon 的顏色
doneColorString#0379FBloading完成後icon的顏色
barColorString#0379FBprogress bar 的顏色
0.1.7

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago