Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/MehdiKhoshnevisz/vue-splash
splash plugin for vue js
https://github.com/MehdiKhoshnevisz/vue-splash
css js loading splash splash-screen vue vue-splash
Last synced: about 1 month ago
JSON representation
splash plugin for vue js
- Host: GitHub
- URL: https://github.com/MehdiKhoshnevisz/vue-splash
- Owner: MehdiKhoshnevisz
- License: mit
- Created: 2020-06-05T15:49:05.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-03-22T08:04:46.000Z (2 months ago)
- Last Synced: 2024-03-23T14:22:32.692Z (2 months ago)
- Topics: css, js, loading, splash, splash-screen, vue, vue-splash
- Language: Vue
- Homepage: https://mehdikhoshnevisz.github.io/vue-splash/
- Size: 3.17 MB
- Stars: 128
- Watchers: 1
- Forks: 7
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-vue - vue-splash - A simple and cool splash plugin for vue.js 💦 (Components & Libraries / UI Components)
- awesome-vue - vue-splash - A simple and cool splash plugin for vue.js 💦 (Components & Libraries / UI Components)
- awesome-vue - vue-splash - A simple and cool splash plugin for vue.js 💦 (Components & Libraries / UI Components)
- awesome-vue - vue-splash - A simple and cool splash plugin for vue.js 💦 (Components & Libraries / UI Components)
- awesome-vue - vue-splash - A simple and cool splash plugin for vue.js 💦 (Components & Libraries / UI Components)
- awesome-vue - vue-splash - A simple and cool splash plugin for vue.js 💦 (Components & Libraries / UI Components)
- awesome-vue - vue-splash - A simple and cool splash plugin for vue.js 💦 (Components & Libraries / UI Components)
README
# Vue Splash
Splash Your App Logo 💦show the splash, until your app is loaded...
## Demo
[see demo](https://mehdikhoshnevisz.github.io/vue-splash/)
## Installation
```bash
npm i vue-splash
```## Usage
Plugin install:
```js
import Vue from 'vue';
import VueSplash from 'vue-splash';Vue.use(VueSplash);
```Import in template:
```vue
import YourLogo from "<Your Magnificent Logo Path>";
export default {
name: "YourMagnificentVueComponent",
computed: {
logo() {
return YourLogo;
}
}
}```
## 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](https://www.buymeacoffee.com/imehdi) :)## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.