Ver Fonte

找车位页面,搜索右侧图标功能

gcz há 3 anos atrás
pai
commit
a4828f0322
1 ficheiros alterados com 14 adições e 5 exclusões
  1. 14 5
      pages/parkingLists/parkingLists.vue

+ 14 - 5
pages/parkingLists/parkingLists.vue

@@ -5,9 +5,9 @@
 		</view>
 		<view class="parking-header">
 			<u-search placeholder="搜索停车场" v-model="searchContent" :show-action="false" @change="searchInputChange"></u-search>
-			<u-icon v-if="!searchContent" class="icon" name="list" size="44" color="#ffffff"
-			placeholder-color="#B5B5B5" search-icon-color="#B3B3B3"></u-icon>
-			<u-icon v-if="searchContent" class="icon" name="close" size="36" color="#ffffff"
+			<u-icon v-if="!searchContent&&isShowSearchParking==false" class="icon" name="list" size="44" color="#ffffff"
+			placeholder-color="#B5B5B5" search-icon-color="#B3B3B3" @click="listIconClick"></u-icon>
+			<u-icon v-if="searchContent||isShowSearchParking==true" class="icon" name="close" size="36" color="#ffffff"
 			placeholder-color="#B5B5B5" search-icon-color="#B3B3B3" @click="clearSearchInput"></u-icon>
 		</view>
 		<view class="parking-map">
@@ -205,7 +205,8 @@
 				})
 			},
 			clearSearchInput () {
-				this.searchContent = ''
+				this.searchContent = '';
+				this.isShowSearchParking = false;
 				this.getNearRoadsl()
 			},
 			/**
@@ -319,7 +320,15 @@
 						roadNo: item.roadNo
 					}
 				})
-			}
+			},
+			/*搜索右侧按钮点击
+			*/
+		   listIconClick(){
+			   this.isShowSearchParking = true;
+			   this.nearParkingFlag = false;
+			   this.searchParkingList = this.nearParkingList;
+			   // this.getNearRoadsl();
+		   }
 		}
 	}
 </script>