feat: 保存

package.json

@@ -22,6 +22,7 @@
     "@rollup/plugin-inject": "^5.0.5",
     "@unocss/preset-uno": "^0.58.4",
     "@vitejs/plugin-vue": "^4.6.2",
+    "autoprefixer": "^10.4.17",
     "sharp": "^0.32.6",
     "svgo": "^3.0.4",
     "unocss": "^0.58.4",

pnpm-lock.yaml

@@ -40,6 +40,9 @@ devDependencies:
   '@vitejs/plugin-vue':
     specifier: ^4.6.2
     version: 4.6.2(vite@5.0.11)(vue@3.4.14)
+  autoprefixer:
+    specifier: ^10.4.17
+    version: 10.4.17(postcss@8.4.33)
   sharp:
     specifier: ^0.32.6
     version: 0.32.6
@@ -1269,6 +1272,22 @@ packages:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
+  /autoprefixer@10.4.17(postcss@8.4.33):
+    resolution: {integrity: sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      browserslist: 4.22.2
+      caniuse-lite: 1.0.30001579
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.0.0
+      postcss: 8.4.33
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /b4a@1.6.4:
     resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
     dev: true
@@ -1721,6 +1740,10 @@ packages:
     dev: false
     optional: true
 
+  /fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+    dev: true
+
   /framesync@6.1.2:
     resolution: {integrity: sha512-jBTqhX6KaQVDyus8muwZbBeGGP0XgujBRbQ7gM7BRdS3CadCZIHiawyzYLnafYcvZIh5j8WE7cxZKFn7dXhu9g==}
     dependencies:
@@ -2140,6 +2163,11 @@ packages:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
+  /normalize-range@0.1.2:
+    resolution: {integrity: sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
@@ -2281,6 +2309,10 @@ packages:
       tslib: 2.4.0
     dev: false
 
+  /postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
+
   /postcss@8.4.33:
     resolution: {integrity: sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==}
     engines: {node: ^10 || ^12 || >=14}

src/view/index.vue

@@ -71,7 +71,7 @@ import Section29 from "../pages/section29.vue";
 import Section30 from "../pages/section30.vue";
 import Section31 from "../pages/section31.vue";
 
-import { onMounted, ref } from "vue";
+import { onMounted } from "vue";
 import { useCanvasPlayer } from "../hooks/usecanvasPlayer";
 import { emitter } from "../emitter.js";
 import { isMobile } from "../utils/isMoblie";

vite.config.js

@@ -5,6 +5,7 @@ import inject from "@rollup/plugin-inject";
 import path from "path";
 import commonjs from "vite-plugin-commonjs";
 import UnoCSS from "unocss/vite";
+import autoprefixer from 'autoprefixer';
 
 function pathResolve(dir) {
   return path.resolve(process.cwd(), ".", dir);
@@ -35,6 +36,13 @@ export default ({ mode }) =>
     optimizeDeps: {
       include: ["fullPage"],
     },
+    css: {
+      postcss: {
+        plugins: [
+          autoprefixer()
+        ]
+      }
+    },
     // build: {
     //   commonjsOptions: {
     //     transformMixedEsModules: true,