From f355b7f223b97c3c949a7e05bef065ae315cb0db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Czyyzyykk=E2=80=9D?= <zyyzyykk@126.com>
Date: Tue, 7 Jan 2025 00:50:18 +0800
Subject: [PATCH] style: webpage display

---
 front/terminal/src/components/StyleSetting.vue   | 16 ++++++++--------
 .../src/components/preview/TxtPreview.vue        |  8 ++++----
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/front/terminal/src/components/StyleSetting.vue b/front/terminal/src/components/StyleSetting.vue
index 4f8f44f..27f2637 100644
--- a/front/terminal/src/components/StyleSetting.vue
+++ b/front/terminal/src/components/StyleSetting.vue
@@ -32,11 +32,11 @@
         <div class="item-class">
           <div>{{ $t('字体') }}</div>
           <el-dropdown style="margin: 0 20px;" hide-timeout="300" >
-            <span class="a-link" >{{ setInfo.fontFamily }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
+            <span class="a-link no-select" >{{ setInfo.fontFamily }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
             <template #dropdown>
               <el-dropdown-menu>
                 <template v-for="(font,index) in fontFamilyList" :key="index" >
-                  <el-dropdown-item @click="setInfo.fontFamily = font" >{{ font }}</el-dropdown-item>
+                  <el-dropdown-item class="no-select" @click="setInfo.fontFamily = font" >{{ font }}</el-dropdown-item>
                 </template>
               </el-dropdown-menu>
             </template>
@@ -45,11 +45,11 @@
         <div class="item-class">
           <div>{{ $t('字号') }}</div>
           <el-dropdown style="margin: 0 20px;" hide-timeout="300" >
-            <span class="a-link" >{{ setInfo.fontSize }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
+            <span class="a-link no-select" >{{ setInfo.fontSize }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
             <template #dropdown>
               <el-dropdown-menu>
                 <template v-for="(size,index) in fontSizeList" :key="index" >
-                  <el-dropdown-item @click="setInfo.fontSize = size" >{{ size }}</el-dropdown-item>
+                  <el-dropdown-item class="no-select" @click="setInfo.fontSize = size" >{{ size }}</el-dropdown-item>
                 </template>
               </el-dropdown-menu>
             </template>
@@ -61,11 +61,11 @@
         <div class="item-class">
           <div>{{ $t('样式') }}</div>
           <el-dropdown style="margin: 0 20px;" hide-timeout="300" >
-            <span class="a-link" >{{ setInfo.cursorStyle }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
+            <span class="a-link no-select" >{{ setInfo.cursorStyle }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
             <template #dropdown>
               <el-dropdown-menu>
                 <template v-for="(style,index) in cursorStyleList" :key="index" >
-                  <el-dropdown-item @click="setInfo.cursorStyle = style" >{{ style }}</el-dropdown-item>
+                  <el-dropdown-item class="no-select" @click="setInfo.cursorStyle = style" >{{ style }}</el-dropdown-item>
                 </template>
               </el-dropdown-menu>
             </template>
@@ -93,11 +93,11 @@
         <div class="item-class">
           <div>{{ $t('语言') }}</div>
           <el-dropdown style="margin: 0 20px;" hide-timeout="300" >
-            <span class="a-link" >{{ mapValueToLabel(setInfo.lang) }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
+            <span class="a-link no-select" >{{ mapValueToLabel(setInfo.lang) }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
             <template #dropdown>
               <el-dropdown-menu>
                 <template v-for="(lang,index) in langList" :key="index" >
-                  <el-dropdown-item @click="setInfo.lang = lang.value" >{{ lang.label }}</el-dropdown-item>
+                  <el-dropdown-item class="no-select" @click="setInfo.lang = lang.value" >{{ lang.label }}</el-dropdown-item>
                 </template>
               </el-dropdown-menu>
             </template>
diff --git a/front/terminal/src/components/preview/TxtPreview.vue b/front/terminal/src/components/preview/TxtPreview.vue
index 43d7726..93e2450 100644
--- a/front/terminal/src/components/preview/TxtPreview.vue
+++ b/front/terminal/src/components/preview/TxtPreview.vue
@@ -19,11 +19,11 @@
       <div class="kk-flex" >
         <div class="no-select" >{{ $t('保存编码') }}：</div>
         <el-dropdown size="small" hide-timeout="300" >
-          <span class="a-link" >{{ encode }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
+          <span class="a-link no-select" >{{ encode }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
           <template #dropdown>
             <el-dropdown-menu>
               <template v-for="(name,index) in encodeSet" :key="index" >
-                <el-dropdown-item @click="encode = name; modifyTag = '*';" >{{ name }}</el-dropdown-item>
+                <el-dropdown-item class="no-select" @click="encode = name; modifyTag = '*';" >{{ name }}</el-dropdown-item>
               </template>
             </el-dropdown-menu>
           </template>
@@ -33,11 +33,11 @@
       <div class="kk-flex" >
         <div class="no-select" >{{ $t('模式') }}：</div>
         <el-dropdown size="small" hide-timeout="300" >
-          <span class="a-link" >{{ mode }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
+          <span class="a-link no-select" >{{ mode }}<el-icon class="el-icon--right"><arrow-down /></el-icon></span>
           <template #dropdown>
             <el-dropdown-menu>
               <template v-for="(name,index) in modeSet" :key="index" >
-                <el-dropdown-item @click="setMode(name)" >{{ name }}</el-dropdown-item>
+                <el-dropdown-item class="no-select" @click="setMode(name)" >{{ name }}</el-dropdown-item>
               </template>
             </el-dropdown-menu>
           </template>