From c56935d7085725e609d926b064c146f3ffc29e6e Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期四, 06 六月 2024 19:33:48 +0800
Subject: [PATCH] 1

---
 src/pages/inherit/index.vue |   33 ++++++++++++++++++++++++++++++++-
 1 files changed, 32 insertions(+), 1 deletions(-)

diff --git a/src/pages/inherit/index.vue b/src/pages/inherit/index.vue
index 64c5077..370cf29 100644
--- a/src/pages/inherit/index.vue
+++ b/src/pages/inherit/index.vue
@@ -10,7 +10,37 @@
 
     <div class="filterBox font-family">
       <div class="searchBox">
-        <input type="text" v-model="keyword" placeholder="璇疯緭鍏ュ叧閿瓧" />
+        <input
+          type="text"
+          v-model="keyword"
+          @confirm="search"
+          placeholder="璇疯緭鍏ュ叧閿瓧"
+          style="padding-right: 54px; box-sizing: border-box"
+        />
+        <span
+          class="cleanupBtn"
+          v-if="keyword"
+          @click="keyword = ''"
+          style="
+            position: absolute;
+            top: 50%;
+            margin-top: -10px;
+            right: 84px;
+            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
+        >
         <button @click="search">鎼滅储</button>
       </div>
       <div class="dynasty">
@@ -411,6 +441,7 @@
   align-items: center;
   margin: 0 auto;
   margin-top: 0.2rem;
+  position: relative;
 }
 
 .searchBox > input {

--
Gitblit v1.9.1