lalal

pages/search/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="app-content">
     <!-- <view class="header"><liu-search :hotList="hotList" @input="input" @change="change"></liu-search><view class="up"></view></view> -->
-    <liu-search :hotList="hotList" :historyList="historyList" @input="input" @change="change"></liu-search>
+    <liu-search :hotList="hotList" :historyList="historyList" @input="input" @change="change" @changes = 'changes'></liu-search>
   </view>
 </template>
 <script>
@@ -28,14 +28,19 @@
 			Nav
 		},
 		methods: {
+      changes () {
+        uni.redirectTo({
+					url: "/pages/myrecords/index"
+				})
+      },
            //搜索内容
-    change(e) {
-      console.log('搜索内容：' + e)
-    },
-    //input事件
-    input(e){
-        console.log('搜索框输入的内容：' + e)
-    },
+      change(e) {
+        console.log('搜索内容：' + e)
+      },
+      //input事件
+      input(e){
+          console.log('搜索框输入的内容：' + e)
+      },
 		},
 	}
 </script>

uni_modules/liu-search/components/liu-search/liu-search.vue

@@ -4,7 +4,8 @@
 			<image class="search-img" :src="searchImg"></image>
 			<input class="search-input" :placeholder="placeholder" type="text" v-model.trim="searchText"
 				@confirm="confirmSearch" @input="inputSearch" placeholder-class="placeholder-name" />
-			<view class="search-name" @click="confirmSearch">搜索</view>
+			<view class="search-name" v-if="searchText.length === 0" @click="confirmSearch">搜索</view>
+			<view class="search-name" v-if="searchText.length > 0" @click="upele">取消</view>
 		</view>
 		<view class="search-history" v-if="historyList.length">
 			<view class="history-title">
@@ -113,6 +114,9 @@
 					this.historyList = uni.getStorageSync('liu-search-name-list') || []
 				}
 				this.$emit('change', this.searchText)
+			},
+			upele () {
+				this.$emit('changes')
 			}
 		}
 	}