Optimize UI interface

components.d.ts

@@ -23,9 +23,6 @@ declare module 'vue' {
     EditArticle: typeof import('./src/components/Article/EditArticle.vue')['default']
     EditBatchArticleModal: typeof import('./src/components/Article/EditBatchArticleModal.vue')['default']
     EditSingleArticleModal: typeof import('./src/components/Article/EditSingleArticleModal.vue')['default']
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElForm: typeof import('element-plus/es')['ElForm']
-    ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElOption: typeof import('element-plus/es')['ElOption']

src/assets/css/style.scss

@@ -38,12 +38,15 @@ html.dark {
   //--color-main-bg: rgba(17,24,39, 1);
   --color-background: transparent;
   --color-main-bg: rgba(14, 18, 23, 1);
-  --color-second-bg: rgb(60, 63, 65);
+  //--color-main-bg: rgba(30,31,34, 1);
+  --color-second-bg: rgb(43,45,48);
 
   --color-item-bg: rgb(51, 51, 51);
   --color-item-hover: #5e5e5e;
+  --color-item-hover: rgb(67,69,74);
   //--color-item-active: rgb(75, 110, 175);
-  --color-item-active: rgb(103, 103, 103);
+  //--color-item-active: rgb(103, 103, 103);
+  --color-item-active: rgb(67,69,74);
   --color-item-border: rgb(73, 73, 73);
 
   --color-header-bg: rgb(51, 51, 51);
@@ -56,6 +59,8 @@ html.dark {
   --color-gray: #bebebe;
 
   --color-scrollbar:  rgb(59, 87, 138);
+  --color-scrollbar:  rgb(77,78,81);
+  --color-scrollbar:  rgb(92,93,94);
 }
 
 $anim-time: 0.3s;

src/components/Toolbar/RepeatSetting.vue

@@ -18,6 +18,7 @@ let radio1 = $ref('1')
 useWindowClick(() => show = false)
 
 let timer = 0
+
 function toggle(val) {
   clearTimeout(timer)
   if (val) {
@@ -36,14 +37,12 @@ onMounted(() => {
 
 <template>
   <div class="setting" @click.stop="null">
-    <Tooltip title="单词循环设置">
-      <IconWrapper>
-        <Icon icon="tabler:repeat"
-              @mouseenter="toggle(true)"
-              @mouseleave="toggle(false)"
-        />
-      </IconWrapper>
-    </Tooltip>
+    <IconWrapper>
+      <Icon icon="tabler:repeat"
+            @mouseenter="toggle(true)"
+            @mouseleave="toggle(false)"
+      />
+    </IconWrapper>
     <MiniModal
         v-model="show"
         @mouseenter="toggle(true)"
@@ -51,7 +50,7 @@ onMounted(() => {
         style="width: 230rem;"
     >
       <div class="mini-row-title">
-        设置单词的循环次数
+        单词循环设置
       </div>
       <el-radio-group v-model="settingStore.repeatCount">
         <el-radio :label="1" size="default">1</el-radio>
@@ -62,10 +61,10 @@ onMounted(() => {
       </el-radio-group>
       <div class="mini-row" v-if="settingStore.repeatCount === 100">
         <label class="item-title">自定义循环次数</label>
-        <el-input-number  v-model="settingStore.repeatCustomCount"
-                  :min="6"
-                  :max="15"
-                  type="number"
+        <el-input-number v-model="settingStore.repeatCustomCount"
+                         :min="6"
+                         :max="15"
+                         type="number"
         />
       </div>
     </MiniModal>