Setup Tailwind

This commit is contained in:
wancat committed 2023-07-14 21:26:23 +08:00
1 parent ad4dc6d576
commit 14663476ae
8 files changed
+321 -163

No files matched your search

+2 -25
View File
@@ -1,30 +1,7 @@
<script setup>
import HelloWorld from './components/HelloWorld.vue'
</script>
<script setup></script>
<template>
<div>
<a href="https://vitejs.dev" target="_blank">
<img src="/vite.svg" class="logo" alt="Vite logo" />
</a>
<a href="https://vuejs.org/" target="_blank">
<img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
</a>
<h1 class="text-3xl font-bold underline">Hello world!</h1>
</div>
<HelloWorld msg="Vite + Vue" />
</template>
<style scoped>
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>