🚸 一些优化

src/components/app/t-overlay.vue

@@ -22,7 +22,7 @@ type TolProps = {
 
 const props = withDefaults(defineProps<TolProps>(), {
   blurVal: "20px",
-  outerClose: false,
+  outerClose: true,
   zIndex: 100,
 });
 

src/components/pageBag/pbo-material.vue

@@ -36,14 +36,14 @@
           <div class="pbom-bt-title">
             <v-icon color="var(--tgc-od-blue)" size="16">mdi-clock-edit-outline</v-icon>
             <span>更新记录</span>
-            <span class="edit" @click="tryEdit()">手动更新</span>
-            <span class="delete" @click="tryDelete()">删除记录</span>
+            <span class="edit" data-html2canvas-ignore @click="tryEdit()">手动更新</span>
+            <span class="delete" data-html2canvas-ignore @click="tryDelete()">删除记录</span>
           </div>
           <div class="pbom-bt-records">
             <div v-for="record in dbInfo.records" :key="record.time" class="pbom-record">
               <span class="time">[{{ timestampToDate(record.time * 1000) }}]</span>
-              <span class="cnt">{{ record.count }}</span>
               <span class="type">{{ record.manual ? "手动更新" : "自动导入" }}</span>
+              <span class="cnt">{{ record.count }}</span>
             </div>
             <div v-if="dbInfo.records.length === 0">暂无记录</div>
           </div>

src/components/pageConfig/tco-imgQuality.vue

@@ -31,8 +31,8 @@
         />
       </div>
       <div class="toi-bottom">
-        <button class="toi-btn no-btn" @click="onCancel()">取消</button>
-        <button class="toi-btn ok-btn" @click="onConfirm()">确定</button>
+        <v-btn variant="flat" class="toi-btn no-btn" @click="onCancel()">取消</v-btn>
+        <v-btn variant="elevated" class="toi-btn ok-btn" @click="onConfirm()">确定</v-btn>
       </div>
     </div>
   </TOverlay>
@@ -135,13 +135,5 @@ async function onConfirm(): Promise<void> {
   color: var(--btn-text);
   cursor: pointer;
   font-family: var(--font-title);
-
-  &.no-btn {
-    opacity: 0.8;
-  }
-
-  &:hover {
-    opacity: 0.75;
-  }
 }
 </style>

src/components/viewPost/tp-emoticon.vue

@@ -122,14 +122,15 @@ function getImageExt(): string {
   top: 0;
   right: 0;
   padding: 0 4px;
-  border-bottom: 1px solid var(--common-shadow-1);
-  border-left: 1px solid var(--common-shadow-1);
+  border-bottom: 1px solid #ffffff1a;
+  border-left: 1px solid #ffffff1a;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
-  background: var(--common-shadow-t-2);
+  background: #00000033;
   border-bottom-left-radius: 4px;
   border-top-right-radius: 4px;
-  box-shadow: -1px 1px 4px var(--common-shadow-2);
+  box-shadow: -1px 1px 4px #ffffff33;
+  color: var(--tgc-white-1);
   cursor: default;
   font-family: var(--font-title);
   font-size: 12px;

src/pages/common/PageConfig.vue

@@ -26,19 +26,20 @@
             </div>
           </template>
         </v-list-item>
-        <v-list-item>
+        <v-list-item @click="confirmUpdateDevice()" title="刷新设备信息">
           <template #prepend>
             <div class="config-icon">
               <v-icon>mdi-refresh</v-icon>
             </div>
           </template>
-          <v-list-item-title @click="confirmUpdateDevice()">刷新设备信息</v-list-item-title>
           <v-list-item-subtitle>
             <!-- @ts-expect-error eslint-disable-next-line Deprecated symbol used -->
             {{ deviceInfo.device_name }}({{ deviceInfo.product }}) - {{ deviceInfo.device_fp }}
           </v-list-item-subtitle>
           <template #append>
-            <v-icon title="强制刷新设备信息" @click="confirmUpdateDevice(true)">mdi-bug</v-icon>
+            <v-icon title="强制刷新设备信息" @click.stop="confirmUpdateDevice(true)">
+              mdi-bug
+            </v-icon>
           </template>
         </v-list-item>
         <v-list-item title="清除缓存" @click="confirmDelCache">