vue-splash

splash plugin for vue.js
2,578 131
Install
npm install vue-splash
Latest Version:1.2.1
Vue:2
License:MIT
Last Updated:Jun 18, 2024
Links: GitHub  ·  npm
Maintainer: imehdi

Vue Splash

Splash Your App Logo 💦

show the splash, until your app is loaded...

Demo

see demo

Installation

npm i vue-splash

Usage

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)

License

This project is licensed under the MIT License - see the LICENSE file for details.

Related Packages

vue-swirl

Vue Swirl (loading component)

2,138
retonio

A simple Vue store setup. A Wrapper for Pinia, including response states for loa...

1,629 1
fy-form-render3

测试环境版本新的更新

10,811
use-on-demand

按需使用的代码工具仓库。

5,487
metaflow-js

EntityFramework for Metaflow

2,894 0

Version History

Version Released Vue License
1.2.1 ^2.6.11 MIT
1.2.0 ^2.6.11 MIT
1.1.1 ^2.6.11 MIT
1.1.0 ^2.6.11 MIT
1.0.1 ^2.6.11 MIT
Pre-releases (6)
Version Released Vue License
1.0.0-alpha5 ^2.6.11 MIT
1.0.0-alpha4 ^2.6.11 MIT
1.0.0-alpha3 ^2.6.11 MIT
1.0.0-alpha2 ^2.6.11 MIT
1.0.0-alpha1 ^2.6.11 MIT