mirror of
https://github.com/wailsapp/wails.git
synced 2025-05-10 22:19:46 +08:00
46 lines
1.0 KiB
Svelte
46 lines
1.0 KiB
Svelte
<script>
|
|
import svelteLogo from './assets/svelte.svg'
|
|
import Counter from './lib/Counter.svelte'
|
|
</script>
|
|
|
|
<main>
|
|
<div>
|
|
<a href="https://wails.io" target="_blank" rel="noreferrer">
|
|
<img src="/wails.png" class="logo" alt="Wails Logo" />
|
|
</a>
|
|
<a href="https://svelte.dev" target="_blank" rel="noreferrer">
|
|
<img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
|
|
</a>
|
|
</div>
|
|
<h1>Wails + Svelte</h1>
|
|
|
|
<div class="card">
|
|
<Counter />
|
|
</div>
|
|
|
|
<p>
|
|
Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank" rel="noreferrer">SvelteKit</a>, the official Svelte app framework powered by Vite!
|
|
</p>
|
|
|
|
<p class="read-the-docs">
|
|
Click on the Wails and Svelte logos to learn more
|
|
</p>
|
|
</main>
|
|
|
|
<style>
|
|
.logo {
|
|
height: 6em;
|
|
padding: 1.5em;
|
|
will-change: filter;
|
|
}
|
|
.logo:hover {
|
|
filter: drop-shadow(0 0 2em #646cffaa);
|
|
}
|
|
.logo.svelte:hover {
|
|
filter: drop-shadow(0 0 2em #ff3e00aa);
|
|
}
|
|
.read-the-docs {
|
|
color: #888;
|
|
}
|
|
</style>
|