chore

package.json

@@ -12,6 +12,7 @@
     "@vueuse/core": "^10.1.2",
     "axios": "^1.6.2",
     "sass": "1.62.1",
+    "unocss": "^0.58.0",
     "vant": "^4.8.0",
     "vite-plugin-pages": "^0.32.0",
     "vite-plugin-windicss": "^1.9.2",

src/main.ts

@@ -3,7 +3,7 @@ import router from './router/index'
 import App from './App.vue'
 
 import './style.css'
-import 'virtual:windi.css'
+import 'virtual:uno.css'
 
 const app = createApp(App)
 

src/pages/home/caiji/index.vue

@@ -1,15 +1,29 @@
 <template>
-  <div>
-    <van-nav-bar title="采集"></van-nav-bar>
+  <van-nav-bar title="AI慕课采集"></van-nav-bar>
+  <div class="flex flex-col items-center space-y-6 px-24px">
+    <div class="relative">
+      <img :src="sy" alt="">
+      <div class="absolute inset-0 flex flex-col items-center text-white font-bold mt-40px space-y-20px">
+        <div>声音采集</div>
+        <van-button plain round size="small" type="success" class="px-4">点击进入</van-button>
+      </div>
+    </div>
+    <div class="relative">
+      <img :src="rx" alt="">
+      <div class="absolute inset-0 flex flex-col items-center text-white font-bold mt-40px space-y-20px">
+        <div>人像采集</div>
+        <van-button plain round size="small" type="success" class="px-4">点击进入</van-button>
+      </div>
+    </div>
+    <ul class="w-full text-xs text-white leading-5 opacity-60 space-y-4 list-disc list-inside -indent-4 pl-4">
+      <li>录音时位置确定后尽量不要动，就是说嘴和话筒的距离确定后不要随便乱动，有的人好动，这个避免不了，但是幅度不要太大，要不然会影响音色和动态。</li>
+      <li>拍摄时现场严禁大声喧哗，嬉笑打闹；人脸正面免冠照片，需露出眉毛、眼睛及耳朵，亮度均衡。</li>
+    </ul>
+
   </div>
 </template>
 
-<script>
-export default {
-
-}
+<script setup>
+import rx from '~/assets/caiji/rx.webp'
+import sy from '~/assets/caiji/sy.webp'
 </script>
-
-<style>
-
-</style>

vite.config.ts

@@ -7,7 +7,8 @@ import Pages from 'vite-plugin-pages'
 import Components from 'unplugin-vue-components/vite'
 
 import AutoImport from 'unplugin-auto-import/vite'
-import WindiCSS from 'vite-plugin-windicss'
+// import WindiCSS from 'vite-plugin-windicss'
+import UnoCSS from 'unocss/vite'
 import VueMacros from 'unplugin-vue-macros/vite'
 import { VantResolver } from 'unplugin-vue-components/resolvers'
 import legacyPlugin from '@vitejs/plugin-legacy'
@@ -80,11 +81,12 @@ export default defineConfig({
 
     // https://github.com/antfu/unocss
     // see uno.config.ts for config
-    WindiCSS(),
+    // WindiCSS(),
+    UnoCSS(),
   ],
 
   // https://github.com/vitest-dev/vitest
-  test: {
-    environment: 'jsdom',
-  },
+  // test: {
+  //   environment: 'jsdom',
+  // },
 })