更新

CHANGELOG.md

@@ -5,6 +5,14 @@
 
 # CHANGE
 
+## 1.0.9
+
+2023年09月08日
+
+### 修改
+
+- 侧边菜单UI优化
+
 ## 1.0.8
 
 2023年08月23日

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wuhu-torn-helper",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "芜湖助手",
   "scripts": {
     "release": "cross-env NODE_ENV=production rollup -c && node build.mjs",

src/vue/FloatMenu.vue

@@ -23,30 +23,8 @@
       </el-tabs>
     </el-dialog>
     <el-drawer v-model="expanded" :show-close="false" :size="isMobilePhone ? '85%' : '30%'" class="whDrawer"
-               direction="rtl">
-      <template #header="{ close, titleId, titleClass }">
-        <div :id="titleId" :class="titleClass">
-          <el-tooltip content="更新？" placement="bottom-start">
-            <el-button link @click="menuClick({ title: '更新', template: UpdateDate })">芜湖助手</el-button>
-          </el-tooltip>
-          <el-row>
-            <el-tag size="small" type="info">{{
-                globVars.version.startsWith('$') ? 'dev' : 'v' + globVars.version
-              }}
-            </el-tag>
-          </el-row>
-          <el-row v-if="_globVars.loadTime">
-            <el-text size="small">{{ _globVars.loadTime }}ms</el-text>
-          </el-row>
-        </div>
-        <el-button type="danger" @click="close">
-          <el-icon>
-            <CircleCloseFilled/>
-          </el-icon>
-          关闭
-        </el-button>
-      </template>
-      <el-card :body-style="{ 'padding': '0' }" style="margin-bottom: 1em">
+               :with-header="false" direction="rtl">
+      <el-card :body-style="{ 'padding': '0' }" class="innerCard" style="margin-bottom: 0.5em">
         <template #header>
           <div>快捷动作</div>
         </template>
@@ -102,7 +80,7 @@
           <!--        </el-menu-item>-->
         </el-menu>
       </el-card>
-      <el-card :body-style="{ 'padding': '4px' }">
+      <el-card :body-style="{ 'padding': '4px' }" class="innerCard">
         <template #header>
           <div>快捷功能</div>
         </template>
@@ -120,13 +98,44 @@
           </el-col>
         </el-row>
       </el-card>
+      <div style="margin-top: 1em; text-align: center">
+        <el-row>
+          <el-col :span="24">
+            <el-tooltip content="更新？" placement="bottom-start">
+              <el-button link @click="menuClick({ title: '更新', template: UpdateDate })">芜湖助手
+                <el-icon>
+                  <Refresh/>
+                </el-icon>
+              </el-button>
+            </el-tooltip>
+            <el-tag size="small" type="info">{{
+                globVars.version.startsWith('$') ? 'dev' : 'v' + globVars.version
+              }}
+            </el-tag>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-text v-if="_globVars.loadTime" size="small">
+              {{ _globVars.loadTime }}ms
+            </el-text>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-text size="small">
+              2021-{{ new Date().getFullYear() }}
+            </el-text>
+          </el-col>
+        </el-row>
+      </div>
     </el-drawer>
   </el-config-provider>
 </template>
 
 <script lang="ts" setup>
 
-import { CircleCloseFilled, CopyDocument, MoonNight } from "@element-plus/icons-vue";
+import { CopyDocument, MoonNight, Refresh } from "@element-plus/icons-vue";
 import { ElMessage, ElMessageBox } from "element-plus";
 import { Component, inject, onMounted, ref, shallowRef, triggerRef } from 'vue';
 import { LoggerKey } from "../ts/class/Logger";
@@ -459,6 +468,7 @@ onMounted(() => {
   cursor: pointer;
   margin: 4px;
   border: none;
+  background-color: transparent;
 }
 
 .featureMenu div {
@@ -480,8 +490,3 @@ onMounted(() => {
   background-color: #E9EEF6;
 }
 </style>
-<style>
-.whDrawer header {
-  margin-bottom: 4px;
-}
-</style>