diff --git a/package.json b/package.json
index ad8cae1..a59339e 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "node --max-old-space-size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js serve",
+    "dev": "vue-cli-service serve",
     "dev2": "node --max-old-space-size=4096 ./node_modules/@vue/cli-service/bin/vue-cli-service.js serve",
     "build": "vue-cli-service build",
     "build:test": "vue-cli-service build --mode test",
@@ -11,7 +11,6 @@
   },
   "dependencies": {
     "axios": "^1.6.8",
-    "browserify-fs": "^1.0.0",
     "core-js": "^3.36.1",
     "echarts": "^5.5.0",
     "echarts-liquidfill": "^3.1.0",
@@ -27,28 +26,29 @@
     "luckyexcel": "1.0.1",
     "md5": "^2.3.0",
     "mitt": "^3.0.1",
-    "path-browserify": "^1.0.1",
     "pdfjs-dist": "^2.0.943",
-    "stream-browserify": "^3.0.0",
-    "util": "^0.12.5",
+    "v-viewer": "^3.0.21",
+    "viewerjs": "^1.11.7",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0",
+    "vue-seamless-scroll": "^1.1.23",
     "vue-ueditor-wrap": "^3.0.8",
     "vuedraggable": "^4.1.0",
-    "vuex": "^4.1.0",
+    "vuex": "^4.1.0", 
     "xlsx": "^0.18.5",
     "xlsx-js-style": "^1.2.0",
+    "xlsx-style": "^0.8.13",
     "yorkie": "^2.0.0"
   },
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "@toast-ui/editor": "^3.2.2",
     "@types/lodash-es": "^4.17.12",
-    "@vue/cli-plugin-babel": "^5.0.8",
-    "@vue/cli-plugin-router": "^5.0.8",
-    "@vue/cli-plugin-vuex": "^5.0.8",
-    "@vue/cli-service": "^5.0.8",
-    "@vue/eslint-config-standard": "^9.0.1",
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-router": "~4.5.0",
+    "@vue/cli-plugin-vuex": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/eslint-config-standard": "^5.1.2",
     "base-64": "^1.0.0",
     "css-color-function": "^1.3.3",
     "eslint": "^6.7.2",
@@ -58,6 +58,7 @@
     "eslint-plugin-standard": "^4.0.0",
     "eslint-plugin-vue": "^7.0.0",
     "express": "^4.19.2",
+    "postcss-px2rem": "^0.3.0",
     "rgb-hex": "^4.1.0",
     "sass": "^1.72.0",
     "sass-loader": "^8.0.2",
diff --git a/src/components/MyComponents/ExportExcel/index.vue b/src/components/MyComponents/ExportExcel/index.vue
index a44fb7f..fb5d2f5 100644
--- a/src/components/MyComponents/ExportExcel/index.vue
+++ b/src/components/MyComponents/ExportExcel/index.vue
@@ -53,7 +53,7 @@
 import { nextTick, watch } from "vue"
 import FileSaver from "file-saver"
 import * as XLSX from "xlsx"
-import * as XLSXStyle from "xlsx-js-style"
+import * as XLSXStyle from "xlsx-style"
 const emit = defineEmits(["getSheets"])
 
 const props = defineProps({
diff --git a/src/components/MyComponents/ExportTemplate/index.vue b/src/components/MyComponents/ExportTemplate/index.vue
index 888f083..b812f23 100644
--- a/src/components/MyComponents/ExportTemplate/index.vue
+++ b/src/components/MyComponents/ExportTemplate/index.vue
@@ -6,7 +6,7 @@
 import { nextTick, ref,getCurrentInstance } from "vue"
 import FileSaver from "file-saver"
 import * as XLSX from "xlsx"
-import * as XLSXStyle from "xlsx-js-style"
+import * as XLSXStyle from "xlsx-style";
 import { getApi, postApi, uploadExcel } from "@/api/tobAcco_api.js"
 import axios from "axios"
 import { ElMessage } from "element-plus"
diff --git a/src/components/MyComponents/MarkdownEdit/index.vue b/src/components/MyComponents/MarkdownEdit/index.vue
index 6869090..471e80a 100644
--- a/src/components/MyComponents/MarkdownEdit/index.vue
+++ b/src/components/MyComponents/MarkdownEdit/index.vue
@@ -9,7 +9,7 @@
 <script setup>
 import MKEditor from "@toast-ui/editor";
 import "@toast-ui/editor/dist/toastui-editor.css";
-import "@toast-ui/editor/dist/i18n/zh-cn";
+import "@toast-ui/editor/dist/i18n/zh-cn.js";
 import { defineProps, defineEmits, onMounted, watch } from "vue";
 const props = defineProps({
   modelValue: {
diff --git a/src/components/MyComponents/NewExcel/index.vue b/src/components/MyComponents/NewExcel/index.vue
index b3f7293..510ac93 100644
--- a/src/components/MyComponents/NewExcel/index.vue
+++ b/src/components/MyComponents/NewExcel/index.vue
@@ -22,7 +22,7 @@
 import { nextTick, watch,ref,defineExpose } from "vue"
 import FileSaver from "file-saver"
 import * as XLSX from "xlsx"
-import * as XLSXStyle from "xlsx-js-style"
+import * as XLSXStyle from "xlsx-style"
 const emit = defineEmits(["getSheets"])
 
 const props = defineProps({
diff --git a/src/excel/Export2Excel.js b/src/excel/Export2Excel.js
index 446ae4d..5eba0b1 100644
--- a/src/excel/Export2Excel.js
+++ b/src/excel/Export2Excel.js
@@ -7,7 +7,7 @@ import { saveAs } from "file-saver";
 import * as XLSX from "xlsx";
 import { utils } from "xlsx";
 // import XLSX from "xlsx-style";
-import * as XLSXStyle from "xlsx-js-style";
+import * as XLSXStyle from "xlsx-style";
 import XLSXST from "xlsx-js-style";
 
 import Axios from 'axios'
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index 21544cd..eef12c1 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -1,13 +1,12 @@
 import { MAIN_COLOR, DEFAULT_COLOR } from '@/constant';
 import { setItem, getItem } from '@/utils/storage';
-import '@/styles/variables.scss';
-
+import variables from '@/styles/variables.scss';
 
 export default {
   namespaced: true,
   state: () => ({
     mainColor: getItem(MAIN_COLOR) || DEFAULT_COLOR,
-    variables: {}
+    variables: variables
   }),
   mutations: {
     setMainColor(state, newColor) {
diff --git a/src/utils/lazyLoad.js b/src/utils/lazyLoad.js
index 8601a68..3f8bf8d 100644
--- a/src/utils/lazyLoad.js
+++ b/src/utils/lazyLoad.js
@@ -1,6 +1,6 @@
-// import {
-//   getScrollContainer
-// } from "element-plus/lib/utils";
+import {
+  getScrollContainer
+} from "element-plus/lib/utils";
 
 /**
  * 自定义懒加载指令
@@ -8,27 +8,27 @@
 export default {
     name:'InfiniteScroll',
     inserted(el,binding,vnode){
-        // //绑定回调函数
-        // const cb = binding.value;
-        // //当前组件实例引用
-        // const vm = vnode.context;
-        // const container = getScrollContainer(el,true);
-        // const {delay,immediate} =getScrollOptions(el,vm);
-        // const onScroll = throttle(delay,handleScroll.bind(el,cb));
-        // el[scope] = {el,vm,container ,onScroll};
-        // if(container){
-        //     container.addEventListener('scroll',onScroll);
-        //     if(immediate){
-        //         const observer = el[scope].observer = new MutationObserver(onScroll);
-        //         observer.observe(container,{childList:true,subtree:true});
-        //         onScroll()
-        //     }
-        // }
+        //绑定回调函数
+        const cb = binding.value;
+        //当前组件实例引用
+        const vm = vnode.context;
+        const container = getScrollContainer(el,true);
+        const {delay,immediate} =getScrollOptions(el,vm);
+        const onScroll = throttle(delay,handleScroll.bind(el,cb));
+        el[scope] = {el,vm,container ,onScroll};
+        if(container){
+            container.addEventListener('scroll',onScroll);
+            if(immediate){
+                const observer = el[scope].observer = new MutationObserver(onScroll);
+                observer.observe(container,{childList:true,subtree:true});
+                onScroll()
+            }
+        }
     },
     unbind(el){
-        // const {container,onScroll} = el[scope];
-        // if(container){
-        //     container.removeEventListener('scrrll',onScroll)
-        // }
+        const {container,onScroll} = el[scope];
+        if(container){
+            container.removeEventListener('scrrll',onScroll)
+        }
     }
 }