新版前端UI，预发布2.6.4版本。 (#1735)

* fix: 修改 layout 中相关 emit 和 重复声明的 theme ，采用最新的vue api

* fix：修改 eslintrc 的配置文件，删除大多数无用配置

* fix: 修复 layout 切换手机样式模糊层的 bug

* feature: 重构 layout , 添加暗黑模式 ， 删除侧边栏颜色

* fix:细节调整，activeColor摘除。

* feature:右侧滚动模式调整

* feature:无用代码剔除

* fix: 修复暗黑模式相关细节

* fix: custome config layout

* feature:样式细节调整

* fix: 增加前端样式配置文件

* feature:调整基础配置，增加表格边框

* feature:buttomInfo取消底色，a标签更改为活跃色

* feature:调整阴影颜色和配置同步

* feature:版本调整2.6.3==>2.6.4

---------

Co-authored-by: bypanghu <bypanghu@163.com>

web/src/view/layout/search/search.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="search-component">
+  <div class="search-component items-center">
     <div
       class="gvaIcon gvaIcon-refresh"
       :class="[reload ? 'reloading' : '']"
@@ -10,18 +10,35 @@
       class="gvaIcon gvaIcon-customer-service"
       @click="toService"
     />
+    <el-switch
+      v-model="isDark"
+      :active-action-icon="Moon"
+      :inactive-action-icon="Sunny"
+      @change="handleDarkSwitch"
+    />
   </div>
 </template>
 
 <script setup>
 import Screenfull from '@/view/layout/screenfull/index.vue'
 import { emitter } from '@/utils/bus.js'
-import { ref } from 'vue'
+import  { Sunny, Moon } from '@element-plus/icons-vue'
+import { ref, watchEffect } from 'vue'
 
 defineOptions({
   name: 'BtnBox',
 })
+const isDark = ref(localStorage.getItem('isDark') === 'true' || true )
 
+watchEffect(() =>{
+  if (isDark.value) {
+    document.documentElement.classList.add('dark')
+    localStorage.setItem('isDark', true)
+  } else {
+    document.documentElement.classList.remove('dark')
+    localStorage.setItem('isDark', false)
+  }
+})
 const reload = ref(false)
 const handleReload = () => {
   reload.value = true
@@ -34,11 +51,15 @@ const toService = () => {
   window.open('https://support.qq.com/product/371961')
 }
 
+const handleDarkSwitch = (e) =>{
+ isDark.value = e
+}
+
 </script>
 <style scoped lang="scss">
 
 .search-component {
-  @apply inline-flex overflow-hidden text-center gap-5 mr-5;
+  @apply inline-flex overflow-hidden text-center gap-5 mr-5 text-black dark:text-gray-100;
   div{
     @apply cursor-pointer;
   }