From d5f572496c5fb12fec2fe346b847bf58331299c9 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 17 七月 2024 15:56:51 +0800
Subject: [PATCH] 1

---
 src/components/headNav/headNav.vue |   46 +++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/src/components/headNav/headNav.vue b/src/components/headNav/headNav.vue
index 4e516a2..37ff5c2 100644
--- a/src/components/headNav/headNav.vue
+++ b/src/components/headNav/headNav.vue
@@ -33,6 +33,7 @@
             width: 2.33rem;
             margin-right: 0.3rem;
             justify-content: flex-end;
+            position: relative;
           "
         >
           <input
@@ -43,6 +44,8 @@
               flex: 1;
               background-color: #fff;
               font-size: 0.13rem;
+              padding-right: 30px;
+              box-sizing: border-box;
             "
             @blur="InputBlur"
             @confirm="toggleSearch"
@@ -50,7 +53,32 @@
             v-model="searchInput"
             placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�"
           />
+          <span
+            class="cleanupBtn"
+            v-if="searchInput"
+            @click="searchInput = ''"
+            style="
+              position: absolute;
+              top: 50%;
+              margin-top: -10px;
+              right: 42px;
+              color: #fff;
+              z-index: 2;
+              display: inline-block;
+              width: 20px;
+              height: 20px;
+              text-align: center;
+              line-height: 20px;
+              background-color: #a5a5a5;
+              font-weight: bold;
+              border-radius: 50%;
+              font-size: 12px;
+              cursor: pointer;
+            "
+            >鉁�</span
+          >
           <view
+            title="鎼滅储"
             class="search-logo"
             @click="toggleSearch"
             :style="{
@@ -59,13 +87,13 @@
             style="
               background-color: #000;
               border-radius: 50%;
-              margin-top: -4rpx;
             "
           ></view>
         </view>
         <el-dropdown trigger="click" @command="handleCommand">
           <!-- <view @click="iconClick(2)" class="s2 ss1 "></view> -->
           <img
+            title="涓汉涓績"
             class="cursor"
             @click="changePassword(1)"
             src="@/static/image/profile.svg"
@@ -77,6 +105,7 @@
           </el-dropdown-menu>
         </el-dropdown>
         <img
+          title="甯姪"
           class="cursor"
           @click="changePassword(2)"
           src="@/static/image/quote.svg"
@@ -112,20 +141,23 @@
             <span slot="title">棣栭〉</span>
           </el-menu-item>
           <el-menu-item index="1">
-            <span slot="title">涓尰浜虹墿鏁版嵁搴�</span>
+            <span slot="title">鍘嗕唬浜虹墿</span>
           </el-menu-item>
           <el-menu-item index="2" class="oActive">
-            <span slot="title">涓栧尰鍖诲鏁版嵁搴�</span>
+            <span slot="title">瀹跺浼犳壙</span>
+          </el-menu-item>
+          <el-menu-item index="6">
+            <span slot="title">瀛︽湳娴佹淳</span>
           </el-menu-item>
           <el-menu-item index="3">
-            <span slot="title">涓尰瀛︽湳娴佹淳</span>
+            <span slot="title">瀛︽湳鍥捐氨</span>
           </el-menu-item>
           <el-menu-item index="4">
-            <span slot="title">涓尰鍦板煙鍥捐氨</span>
+            <span slot="title">鍦板煙鍥捐氨</span>
           </el-menu-item>
-          <el-menu-item index="5">
+          <!-- <el-menu-item index="5">
             <span slot="title">涓尰鍖讳簨鍒跺害</span>
-          </el-menu-item>
+          </el-menu-item> -->
         </el-menu>
       </view>
     </el-dialog>

--
Gitblit v1.9.1