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