4122

.gitignore

@@ -2,3 +2,4 @@ node_modules
 dist
 out
 *.log*
+package-lock.json

package.json

@@ -6,6 +6,7 @@
   "author": "lichong",
   "homepage": "https://www.electronjs.org",
   "scripts": {
+    "npmi": "npm i",
     "dev": "electron-vite dev",
     "build": "electron-vite build",
     "build:win": "npm run build && electron-builder --win --config",

src/renderer/src/App.vue

@@ -16,7 +16,7 @@
                     :fill="`${type === '2' ? '#2A82E4' : '#808080'}`" p-id="4300"></path>
                 </svg>
               </span>
-              <span :style="`color:${type === '2' ? '#2A82E4' : '#808080'};`">
+              <span :style="`color:${type === '2' ? '#2A82E4' : '#808080'};position: relative; top: -2px;`">
                 设备维修视频
               </span>
             </div>
@@ -25,13 +25,13 @@
             <div @click="clickLeft('3')" style="cursor: pointer;">
               <span class="svgClass">
                 <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5361"
-                  xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="18">
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="22">
                   <path
                     d="M954.88 237.568c0-60.416-56.832-109.568-126.464-109.568H195.584c-70.144 0-126.464 49.152-126.464 109.568v548.352c0 60.416 56.832 109.568 126.464 109.568h632.832c70.144 0 126.464-49.152 126.464-109.568V237.568z m-803.84-28.16c11.776-10.24 28.16-16.384 45.056-15.872h632.832c34.816 0 63.488 14.336 63.488 44.544v246.784h-50.176l-54.272-47.104c-12.288-10.752-32.256-10.752-44.544 0-3.584 3.072-6.144 6.656-7.68 10.752l-38.912 101.888L604.16 390.144c-7.68-13.312-26.624-18.944-42.496-12.288-7.168 3.072-12.288 8.192-15.36 14.336l-92.16 199.68-101.376-307.2c-4.608-14.336-22.528-23.04-38.912-18.944-8.704 2.048-15.872 7.168-19.456 14.336l-117.76 204.288H133.12V247.808c-1.024-14.336 6.144-28.16 17.92-38.4z m725.504 611.84c-7.68 7.68-31.232 9.728-48.128 9.728H195.584c-16.896 0-32.768-5.632-45.056-15.872s-18.432-24.064-18.432-38.912v-236.544h63.488c11.776 0 23.04-5.632 28.16-15.36l90.112-156.16 104.448 316.416c3.584 11.264 15.36 19.456 28.672 19.968h1.536c12.8 0 24.576-6.656 29.184-17.408L578.56 468.992l95.232 164.864c7.68 13.312 26.624 18.944 42.496 12.288 7.68-3.072 13.312-8.704 15.872-15.872l47.104-122.368 27.136 23.552c6.144 5.12 13.824 8.192 22.528 8.192h62.976v236.544c0 14.336-9.728 40.448-14.336 44.544l-1.024 0.512z"
                     p-id="5362" :fill="`${type === '3' ? '#2A82E4' : '#808080'}`"></path>
                 </svg>
               </span>
-              <span :style="`color:${type === '3' ? '#2A82E4' : '#808080'}`">
+              <span :style="`color:${type === '3' ? '#2A82E4' : '#808080'};position: relative; top: -4px;`">
                 设备状态
               </span>
             </div>
@@ -42,7 +42,7 @@
               <span class="svgClass">
                 <svg t="1722993630370" class="icon" viewBox="0 0 1024 1024" version="1.1"
                   xmlns="http://www.w3.org/2000/svg" p-id="1684" xmlns:xlink="http://www.w3.org/1999/xlink" width="24"
-                  height="18">
+                  height="22">
                   <path
                     d="M284.65769 266.355347c0 0 15.549138-156.826791 89.844238-187.176007 0 0-1.100054 74.965365 14.97404 93.590562 0 0-5.468548-117.79687 0-124.782981l14.975063-15.588023 89.843214 0 29.948079 15.588023c0 0-3.595898 127.513162-14.973016 124.782981 0 0 37.880749-62.213947 29.946033-93.590562l14.97404 0c0 0 83.867106 94.876857 74.869175 202.77631l-14.97404 0c0 0-8.934486-5.323239-10.547217 6.637164-0.490164 3.63069-4.629437 5.498224-4.423753 8.960069 0.096191 1.638313 10.734482-1.641383 14.97097 0 4.192485 1.6158 1.982144 8.154727 1.973958 10.231015-0.157589 40.699957-13.653975 122.337279-106.788142 192.535061l-14.975063 15.59928-89.843214 0c0 0-104.128569-96.42512-119.79334-218.365356l29.949103 0 14.97404-15.597233-29.948079 0-14.975063 0L284.658713 266.355347z"
                     :fill="`${type === '4' ? '#2A82E4' : '#808080'}`" p-id="1685"></path>
@@ -57,7 +57,7 @@
                     :fill="`${type === '4' ? '#2A82E4' : '#808080'}`" p-id="1688"></path>
                 </svg>
               </span>
-              <span :style="`color:${type === '4' ? '#2A82E4' : '#808080'}`">
+              <span :style="`color:${type === '4' ? '#2A82E4' : '#808080'};position: relative; top: -4px;`">
                 维修工程师列表
               </span>
             </div>
@@ -70,7 +70,7 @@
             <div style="height: 30vh;padding-left: 2vw;line-height: 25vh;font-size: 1.3em;font-weight: 800;">
               欢迎使用设备缺陷管理系统，您的设备维护专家！
             </div>
-            <el-row>
+            <el-row style="padding:0 0 0 1vw;margin: 0;">
               <el-col :span="12">
                 <div style="height: 35vh;">
                   <span>