Description:
Vue Splash is a fancy Vue.js plugin that splashes your app logo until the app is completely loaded.
How to use it:
1. Import & register the Vue Splash.
import Vue from 'vue'; import VueSplash from 'vue-splash';
Vue.use(VueSplash);
2. Add the Vue Splash component to the template.
<template> <vue-splash :show="true" :logo="logo" title="Your App Name" color="#00bfa5" :size="180" :fixed="true" /> </template>
export default { name: "YourVueComponent", computed: { logo() { return YourLogo; } } }
3. All default props.
show: { type: Boolean, default: true, }, logo: { type: String, default: "https://svgshare.com/i/NRE.svg", }, title: { type: String, default: "", }, customText: { type: String, default: "", }, color: { type: String, default: "#00bfa5", }, size: { type: [Number, String], default: 180, }, fixed: { type: Boolean, default: true, },
Preview:
Changelog:
v1.2.0 (10/16/2020)
- Add background color property
Download Details:
Author: MehdiKhoshnevisz
Live Demo: https://mehdikhoshnevisz.github.io/vue-splash/
Download Link: https://github.com/MehdiKhoshnevisz/vue-splash/archive/master.zip
Official Website: https://github.com/MehdiKhoshnevisz/vue-splash
Install & Download:
# NPM
$ npm i vue-splash --save