Vue Splash
Splash Your App Logo
show the splash, until your app is loaded...
Demo
Installation
npm i vue-splashUsage
Plugin install:
import Vue from 'vue';
import VueSplash from 'vue-splash';
Vue.use(VueSplash);Import in template:
<template>
<vue-splash
:show="true"
:logo="logo"
title="Your Magnificent App Name"
color="#00bfa5"
:size="300"
:fixed="true"
/>
</template>
<script>
import YourLogo from "<Your Magnificent Logo Path>";
export default {
name: "YourMagnificentVueComponent",
computed: {
logo() {
return YourLogo;
}
}
}
</script>Props
| name | type | default | description |
|---|---|---|---|
| show | Boolean | true | decide to show component |
| logo | String | https://svgshare.com/i/NRE.svg | image source to load your logo |
| title | String | Your Magnificent App Name | define app name |
| custom-text | String | write your custom text or html instead of title prop | |
| color | String | #00bfa5 | define splash color |
| size | String, Number | 180 | define splash logo size (px) |
| fixed | Boolean | true | fixed to full screen |
| background-color | String | set background color (it works if the "fixed" property is set to true) |
Support
If you like this plugin and want to support me to make more plugins and apps like this, you can pay me with SOL
My SOL wallet: 4BjqDB5hGmZVkiRuBa5JkhceLVaTokYg4Gqe4fkV6Lby.
Also you can buy me a coffee :)
License
This project is licensed under the MIT License - see the LICENSE file for details.