0.1.1 • Published 2 years ago

vue3-loading-views v0.1.1

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

vue3-loading-views

Installation

yarn add vue3-loading-views

As plugin

import {createApp} from 'vue';
import loadView from 'vue3-loading-views';

const app = createApp({});
app.use(loadView);
app.mount('#app');

Usage

<template>
    <load-view
        :full-page="true"
        :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 的顏色