|
@@ -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>
|