Просмотр исходного кода

add:新增取消替换搜索栏

zlong 1 год назад
Родитель
Сommit
7189c688cb
1 измененных файлов с 4 добавлено и 0 удалено
  1. 4 0
      src/pages/pet-manual/index.vue

+ 4 - 0
src/pages/pet-manual/index.vue

@@ -107,6 +107,9 @@ const isSearch = ref<boolean>(false)
 function handleSearchFocus() {
   isSearch.value = false
 }
+function handleCancel() {
+  isSearch.value = true
+}
 const historyList = ref<{ name: string }[]>([
   { name: '猫' },
   { name: '狗' },
@@ -131,6 +134,7 @@ const findList = ref<{ name: string }[]>([
         :cancel-button="isSearch ? 'none' : 'auto'"
         :radius="20"
         @focus="handleSearchFocus"
+        @cancel="handleCancel"
       />
     </view>
     <view v-show="!isSearch" class="mx-4 mt-4">