From 70c87c94c688a14d3bbe53be191c2186ec469a01 Mon Sep 17 00:00:00 2001
From: Sun <95302870@qq.com>
Date: Wed, 24 Jan 2024 20:55:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=B6=E9=97=B4=E7=BB=84=E4=BB=B6=E5=92=8C?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A0=8F=E7=BB=84=E4=BB=B6=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/deskModule/Clock/index.vue     | 8 ++++----
 src/components/deskModule/SearchBox/index.vue | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/deskModule/Clock/index.vue b/src/components/deskModule/Clock/index.vue
index 486cb91..f5a7b4c 100644
--- a/src/components/deskModule/Clock/index.vue
+++ b/src/components/deskModule/Clock/index.vue
@@ -67,15 +67,15 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="w-full text-center">
-    <span class="text-2xl sm:text-2xl md:text-3xl font-[600]">
+  <div class="clock w-full text-center">
+    <span class="clock-time text-2xl sm:text-2xl md:text-3xl font-[600]">
       {{ currentDate.time }}
     </span>
     <div class="hidden sm:hidden md:block">
-      <span class="mr-1">
+      <span class="clock-date mr-1">
         {{ currentDate.date }}
       </span>
-      <span>
+      <span class="clock-week">
         {{ currentDate.week }}
       </span>
     </div>
diff --git a/src/components/deskModule/SearchBox/index.vue b/src/components/deskModule/SearchBox/index.vue
index b4c873d..35e1182 100644
--- a/src/components/deskModule/SearchBox/index.vue
+++ b/src/components/deskModule/SearchBox/index.vue
@@ -120,18 +120,18 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="w-full" @keydown.enter="handleSearchClick">
+  <div class="search-box w-full" @keydown.enter="handleSearchClick" @keydown.esc="handleClearSearchTerm">
     <div class="search-container flex rounded-2xl items-center justify-center text-white w-full" :style="{ background, color: textColor }" :class="{ focused: isFocused }">
-      <div class="w-[40px] flex justify-center cursor-pointer" @click="handleEngineClick">
+      <div class="search-box-btn-engine w-[40px] flex justify-center cursor-pointer" @click="handleEngineClick">
         <NAvatar :src="state.currentSearchEngine.iconSrc" style="background-color: transparent;" :size="20" />
       </div>
 
       <input v-model="searchTerm" :placeholder="$t('deskModule.searchBox.inputPlaceholder')" @focus="onFocus" @blur="onBlur" @input="handleItemSearch">
 
-      <div v-if="searchTerm !== ''" class="w-[25px] mr-[10px] flex justify-center cursor-pointer" @click="handleClearSearchTerm">
+      <div v-if="searchTerm !== ''" class="search-box-btn-clear w-[25px] mr-[10px] flex justify-center cursor-pointer" @click="handleClearSearchTerm">
         <SvgIcon style="width: 20px;height: 20px;" icon="line-md:close-small" />
       </div>
-      <div class="w-[25px] flex justify-center cursor-pointer" @click="handleSearchClick">
+      <div class="search-box-btn-search w-[25px] flex justify-center cursor-pointer" @click="handleSearchClick">
         <SvgIcon style="width: 20px;height: 20px;" icon="iconamoon:search-fill" />
       </div>
     </div>