From 7574f9d22097e74983d9414c4b66901b1a1bf500 Mon Sep 17 00:00:00 2001
From: ocean-gao <gaopandyx@163.com>
Date: Wed, 4 Dec 2024 17:34:51 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E5=8E=BB=E6=8E=89=20lang=20=E4=B8=BA?=
 =?UTF-8?q?=20less=20=E7=9A=84=E5=86=99=E6=B3=95=EF=BC=8C=E4=BC=9A?=
 =?UTF-8?q?=E5=AF=BC=E8=87=B4=E7=BB=84=E4=BB=B6=20play=20=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/components/dropdown/check.vue |  8 +-
 .../components/inputFile/custom.vue           | 87 +++++++++----------
 .../components/select/selectGroupOption.vue   |  2 +-
 .../components/timeline/customIcon.vue        | 13 ++-
 4 files changed, 53 insertions(+), 57 deletions(-)

diff --git a/docs/.vitepress/components/dropdown/check.vue b/docs/.vitepress/components/dropdown/check.vue
index 80e1e764..58c494f8 100644
--- a/docs/.vitepress/components/dropdown/check.vue
+++ b/docs/.vitepress/components/dropdown/check.vue
@@ -71,10 +71,8 @@ export default {
 };
 </script>
 
-<style lang="less">
-.dropdown-content-wrapper {
-    .fes-dropdown-option-wrapper {
-        max-height: 320px;
-    }
+<style>
+.dropdown-content-wrapper .fes-dropdown-option-wrapper {
+    max-height: 320px;
 }
 </style>
diff --git a/docs/.vitepress/components/inputFile/custom.vue b/docs/.vitepress/components/inputFile/custom.vue
index 8eab371a..b0453add 100644
--- a/docs/.vitepress/components/inputFile/custom.vue
+++ b/docs/.vitepress/components/inputFile/custom.vue
@@ -66,60 +66,59 @@ const handleRemoveFile = (uid) => {
 };
 </script>
 
-<style scoped lang="less">
+<style scoped>
 .file-list {
     width: 100%;
     color: var(--f-sub-head-color);
     font-size: var(--f-font-size-base);
     line-height: 24px;
-    &-item {
-        display: flex;
-        align-items: center;
-        margin-top: 4px;
-        border-radius: var(--f-border-radius-sm);
-        &:first-child {
-            margin-top: 8px;
-        }
-        &:last-child {
-            margin-bottom: 8px;
-        }
-        .file-list-name-wrapper {
-            display: flex;
-            flex: 1;
-            align-items: center;
-            .file-list-name {
-                margin-left: 6px;
-            }
-        }
-        .file-list-icon {
-            display: flex;
-            align-items: center;
-            justify-content: flex-end;
-            width: 40px;
-            color: var(--f-text-color-secondary);
-            &-close {
-                display: none;
-                padding: 2px;
-            }
-        }
-        &:hover {
-            background-color: var(--f-hover-color-light);
-            .file-list-icon {
-                &-close {
-                    display: inline-block;
-                }
-            }
-        }
-    }
+}
+.file-list .file-list-item {
+    display: flex;
+    align-items: center;
+    margin-top: 4px;
+    border-radius: var(--f-border-radius-sm);
+}
+.file-list .file-list-item:first-child {
+    margin-top: 8px;
+}
+.file-list .file-list-item:last-child {
+    margin-bottom: 8px;
+}
+.file-list .file-list-item .file-list-name-wrapper {
+    display: flex;
+    flex: 1;
+    align-items: center;
+}
+.file-list .file-list-item .file-list-name-wrapper .file-list-name {
+    margin-left: 6px;
+}
+
+.file-list .file-list-item .file-list-icon {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    width: 40px;
+    color: var(--f-text-color-secondary);
+}
+.file-list .file-list-item .file-list-icon .file-list-icon-close {
+    display: none;
+    padding: 2px;
+}
+.file-list .file-list-item:hover {
+    background-color: var(--f-hover-color-light);
+}
+.file-list .file-list-item:hover .file-list-icon .file-list-icon-close {
+    display: inline-block;
 }
 
 :deep(.fes-input-file .fes-input-file-visible-content) {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    .fes-input-file-file-list {
-        width: 100%;
-        max-width: 500px;
-    }
+}
+:deep(.fes-input-file .fes-input-file-visible-content .fes-input-file-file-list) {
+    width: 100%;
+    max-width: 500px;
 }
 </style>
diff --git a/docs/.vitepress/components/select/selectGroupOption.vue b/docs/.vitepress/components/select/selectGroupOption.vue
index b3a0d47a..089ca696 100644
--- a/docs/.vitepress/components/select/selectGroupOption.vue
+++ b/docs/.vitepress/components/select/selectGroupOption.vue
@@ -227,7 +227,7 @@ export default {
 };
 </script>
 
-<style lang="less" scoped>
+<style scoped>
 .label-text {
     color: black;
     opacity: 0.5;
diff --git a/docs/.vitepress/components/timeline/customIcon.vue b/docs/.vitepress/components/timeline/customIcon.vue
index fe8c8541..07aaa02e 100644
--- a/docs/.vitepress/components/timeline/customIcon.vue
+++ b/docs/.vitepress/components/timeline/customIcon.vue
@@ -9,7 +9,7 @@
         </template>
         <template #desc="{ index }">
             <RotateLeftOutlined class="btn" @click="handleTrigger(index)" />
-            <DeleteOutlined class="btn" @click="handleDelete(index)" />
+            <DeleteOutlined class="btn" style="margin-left: 5px;" @click="handleDelete(index)" />
         </template>
     </FTimeline>
 </template>
@@ -41,13 +41,12 @@ const handleDelete = (index: number) => {
 };
 </script>
 
-<style scoped lang="less">
+<style scoped>
 .btn {
     cursor: pointer;
-    opacity: 0;
-
-    &:hover {
-        opacity: 1;
-    }
+    opacity: 1;
+}
+.btn:hover {
+    opacity: 0.6;
 }
 </style>