j-SplashScreen

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Ekran splash dla aplikacji jednej strony. ciało musi być włożone do etykiety <script type="text/html">HTML</script>.

Konfiguracja:

timeout w milisekundach, aby zniszczyć ekran splash (default: 3000)
autoremove:true {Boolean} automatycznie usuwa składnik.
remember {String} np. 1 day lub 1 week - nie wyświetla ekranu splashowego (default: empty = wyłączony)

Metody:

component.show([body]) będzie wyświetlać ekran z nowym lub starym ciałem (autoremove musi być false)

Użyj go z <ui-component name="splashscreen">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

example.html

<style>
	html,body { height: 100%; overflow: hidden; padding: 0; margin: 0; }
	body { background-color: #F0F0F0; }
</style>

<ui-component name="splashscreen" class="ui-splashscreen">
	<script type="text/html">
		<div><img src="https://www.totaljs.com/download/B20200120T000000011.png" alt="Total.js Framework" border="0" /></div>
		<br />
		<p>Total.js framework is a server-side framework for Node.js<br /><b>Better than sex</b></p>
	</script>
</ui-component>

<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>