-
+
diff --git a/src/main.ts b/src/main.ts
index cf57e82..613ace8 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,10 +4,8 @@ import Previewer from 'virtual:vue-component-preview'
import App from './App.vue'
import type { UserModule } from './types'
import generatedRoutes from '~pages'
-
-import '@unocss/reset/tailwind.css'
-import './styles/main.css'
import 'uno.css'
+import './styles/main.css'
const routes = setupLayouts(generatedRoutes)
diff --git a/src/pages/about.md b/src/pages/about.md
index 907d03d..b45731d 100644
--- a/src/pages/about.md
+++ b/src/pages/about.md
@@ -8,7 +8,7 @@ title: About
About
-[Vitesse](https://github.com/antfu/vitesse) is an opinionated [Vite](https://github.com/vitejs/vite) starter template made by [@antfu](https://github.com/antfu) for mocking apps swiftly. With **file-based routing**, **components auto importing**, **markdown support**, I18n, PWA and uses **UnoCSS** for styling and icons.
+[Vitesse](https://github.com/antfu/vitesse) is an opinionated [Vite](https://github.com/vitejs/vite) starter template made by [@antfu](https://github.com/antfu) for mocking apps swiftly. With **file-based routing**, **components auto importing**, **markdown support**, I18n, PWA and uses **TailwindCss** for styling and icons.
```js
// syntax highlighting example
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 65dcf2d..5777cd5 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -29,44 +29,48 @@ const { t } = useI18n()
-
-
-
+
+
+
+
+ EMC
+
+
+ 眼控/嘴控小工具
+
+
+
+
+
+
+
+
+ {{ t('Settings.Advanced') }}
+
+
+
+
+ {{ t('Settings.Personalization') }}
+
+
+
-
-
- Vitesse
-
-
-
- {{ t('intro.desc') }}
-
-
-
{{ pythonData }}
-
-
-
-
-
-
-
+
+
+ 
+
+ 实时图像
+
+
+
+
meta:
layout: home
diff --git a/src/styles/main.css b/src/styles/main.css
index a9b54e6..41e328a 100755
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1,4 +1,8 @@
@import './markdown.css';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
html,
body,
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
new file mode 100644
index 0000000..b81e568
--- /dev/null
+++ b/tailwind.config.cjs
@@ -0,0 +1,16 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+ theme: { extend: {} },
+ plugins: [require('daisyui')],
+ daisyui: {
+ styled: true,
+ themes: ['winter', 'night'],
+ base: true,
+ utils: true,
+ logs: true,
+ rtl: false,
+ prefix: '',
+ darkTheme: 'night',
+ },
+}
diff --git a/unocss.config.ts b/unocss.config.ts
index 7d409e8..483c229 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -11,7 +11,6 @@ import {
export default defineConfig({
shortcuts: [
- ['btn', 'px-4 py-1 rounded inline-block bg-teal-700 text-white cursor-pointer hover:bg-teal-800 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
['icon-btn', 'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600'],
],
presets: [
diff --git a/vite.config.ts b/vite.config.ts
index ce87dd6..9ae5002 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,9 +12,9 @@ import { VitePWA } from 'vite-plugin-pwa'
import VueI18n from '@intlify/vite-plugin-vue-i18n'
import Inspect from 'vite-plugin-inspect'
import LinkAttributes from 'markdown-it-link-attributes'
-import Unocss from 'unocss/vite'
import Shiki from 'markdown-it-shiki'
import VueMacros from 'unplugin-vue-macros/vite'
+import Unocss from '@unocss/vite'
export default defineConfig({
resolve: {
@@ -70,10 +70,6 @@ export default defineConfig({
dts: 'src/components.d.ts',
}),
- // https://github.com/antfu/unocss
- // see unocss.config.ts for config
- Unocss(),
-
// https://github.com/antfu/vite-plugin-vue-markdown
// Don't need this? Try vitesse-lite: https://github.com/antfu/vitesse-lite
Markdown({
@@ -97,6 +93,10 @@ export default defineConfig({
},
}),
+ // https://github.com/antfu/unocss
+ // see unocss.config.ts for config
+ Unocss(),
+
// https://github.com/antfu/vite-plugin-pwa
VitePWA({
registerType: 'autoUpdate',