优化代码

package.json

@@ -3,6 +3,7 @@
   "version": "0.0.1",
   "author": "24kycj <1637269896@qq.com>",
   "description": "KaShu SoonWorkerDisk",
+  "homepage": "https://www.cardsoon.com/index.php/cn",
   "license": "MIT",
   "main": "./dist/electron/main.js",
   "scripts": {
@@ -10,6 +11,8 @@
     "build:dir": "node .electron-vue/build.js && electron-builder --dir",
     "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
     "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
+    "electron:linux": "vue-cli-service electron:build -l --x64",
+    "electron:arm": "vue-cli-service electron:build -l --arm64",
     "dev": "node .electron-vue/dev-runner.js",
     "lint": "eslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter src",
     "lint:fix": "eslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter --fix src",
@@ -88,7 +91,7 @@
     "css-loader": "^0.28.11",
     "del": "^3.0.0",
     "devtron": "^1.4.0",
-    "electron": "^33.1.0",
+    "electron": "22.0.0",
     "electron-builder": "23.3.3",
     "electron-debug": "^1.5.0",
     "electron-devtools-installer": "^2.2.4",
@@ -102,10 +105,10 @@
     "listr": "^0.14.3",
     "mini-css-extract-plugin": "0.4.0",
     "node-loader": "^0.6.0",
-    "node-sass": "^4.9.2",
     "postcss": "7.0.0",
     "postcss-loader": "^4.0.0",
     "postcss-px-to-viewport": "^1.1.1",
+    "sass": "^1.80.6",
     "sass-loader": "^7.0.3",
     "style-loader": "^0.21.0",
     "url-loader": "^1.0.1",

src/renderer/App.vue

@@ -10,6 +10,6 @@ export default {
 }
 </script>
 <style lang="scss">
-  @import './styles/index.scss'; // 全局自定义的css样式
+  @use './styles/index.scss'; // 全局自定义的css样式
 </style>
 

src/renderer/components/workAdd/files/file-back.vue

@@ -328,7 +328,7 @@ export default {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
-  /deep/.el-dialog__header {
+  ::v-deep.el-dialog__header {
     padding: 10px;
   }
 }

src/renderer/components/workAdd/files/file.vue

@@ -328,7 +328,7 @@ export default {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
-  /deep/.el-dialog__header {
+  ::v-deep.el-dialog__header {
     padding: 10px;
   }
 }

src/renderer/components/workAdd/files/progressdialog.vue

@@ -161,10 +161,10 @@ export default {
 }
 .progress {
   // border: 1px black solid;
-  /deep/ .el-progress-bar {
+  ::v-deep .el-progress-bar {
     width: 97%;
   }
-  /deep/.el-progress__text {
+  ::v-deep.el-progress__text {
     float: right;
   }
   .txt {

src/renderer/styles/index.scss

@@ -1,8 +1,8 @@
-@import './variables.scss';
+@use './variables.scss';
-@import './mixin.scss';
+@use './mixin.scss';
-@import './transition.scss';
+@use './transition.scss';
-@import './element-ui.scss';
+@use './element-ui.scss';
-@import './sidebar.scss';
+@use './sidebar.scss';
 
 body {
   -moz-osx-font-smoothing: grayscale;

src/renderer/styles/sidebar.scss

@@ -69,9 +69,9 @@
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .el-submenu .el-menu-item {
     min-width: 180px !important;
-    background-color: $subMenuBg !important;
+    background-color: #1f2d3d !important;
     &:hover {
-      background-color: $menuHover !important;
+      background-color: #001528 !important;
     }
   }
   .el-menu--collapse .el-menu .el-submenu {