feat: 保存

package.json

@@ -20,9 +20,12 @@
   },
   "devDependencies": {
     "@rollup/plugin-inject": "^5.0.5",
+    "@unocss/preset-uno": "^0.58.4",
     "@vitejs/plugin-vue": "^4.6.2",
     "sharp": "^0.32.6",
     "svgo": "^3.0.4",
+    "unocss": "^0.58.4",
+    "unocss-preset-scrollbar": "^0.3.0",
     "vite": "^5.0.11",
     "vite-plugin-commonjs": "^0.10.1",
     "vite-plugin-image-optimizer": "^1.1.7"

src/components/navGuide.vue

@@ -1,6 +1,6 @@
 <template>
   <Teleport to="body">
-    <ul class="nav" v-show="current != 0">
+    <ul class="nav " v-show="current != 0">
       <li data-menuanchor="section2" class="active" @click="handleSlideTo(1)">
         <i></i>
         <div class="title">

src/main.js

@@ -1,5 +1,6 @@
 import { createApp } from "vue";
 // import "./components/fullpage/extensions.js";
+import "virtual:uno.css";
 import "./style.scss";
 import App from "./App.vue";
 import { MotionPlugin } from "@vueuse/motion";

src/pages/section3.vue

@@ -67,38 +67,6 @@ const setting = [
     dots: [],
     // total: isMobile() ? 900 : 300,
     total: isMobile() ? 900 : 331,
-    CA: [
-      {
-        name: "#videocont1-1",
-        start: 112,
-        end: 158,
-      },
-      {
-        name: "#videocont-map",
-        start: 112,
-        end: 298,
-      },
-      {
-        name: "#videocont1-2",
-        start: 130,
-        end: 158,
-      },
-      {
-        name: "#videocont1-3",
-        start: 162,
-        end: 195,
-      },
-      {
-        name: "#videocont1-4",
-        start: 196,
-        end: 233,
-      },
-      {
-        name: "#videocont1-5",
-        start: 245,
-        end: 298,
-      },
-    ],
   },
   // {
   //   name: "金蝉玉叶",
@@ -184,6 +152,7 @@ onMounted(() => {
     console.log("所有图片完成");
   });
   player.on("loadPress", (p) => {
+    // console.log(`加载`, p);
     emitter.emit("updatePress", p);
   });
   player.on("process", (p) => {
@@ -197,7 +166,6 @@ onMounted(() => {
     timer = setTimeout(() => {
       props.fullpage.api.moveSectionUp();
     }, 600);
-    // emitter.emit("scroll-prev", p);
   });
   player.on("scroll-next", () => {
     console.warn("scroll-next");
@@ -212,7 +180,6 @@ onUnmounted(() => {
   emitter.off("onLeave", handler);
 });
 const onPlayerScroll = (event, type) => {
-  // console.log("onPlayerScroll", event);
   player.manualScroll(event, type);
 };
 </script>

uno.config.js

@@ -0,0 +1,7 @@
+// uno.config.ts
+import { defineConfig, presetAttributify } from "unocss";
+import presetUno from "@unocss/preset-uno";
+import { presetScrollbar } from "unocss-preset-scrollbar";
+export default defineConfig({
+  presets: [presetUno(), presetAttributify(), presetScrollbar()],
+});

vite.config.js

@@ -4,6 +4,7 @@ import { ViteImageOptimizer } from "vite-plugin-image-optimizer";
 import inject from "@rollup/plugin-inject";
 import path from "path";
 import commonjs from "vite-plugin-commonjs";
+import UnoCSS from "unocss/vite";
 
 function pathResolve(dir) {
   return path.resolve(process.cwd(), ".", dir);
@@ -14,6 +15,7 @@ export default ({ mode }) =>
     base: loadEnv(mode, process.cwd()).VITE_PUBLIC_DIR,
     plugins: [
       vue(),
+      UnoCSS(),
       commonjs(),
       // ViteImageOptimizer({
       //   png: {