邓洁：搜索框吸顶

components/InputAndSwiper/InputAndSwiper.vue

@@ -2,8 +2,9 @@
 	<view class="input-and-swiper-root">
 		<view class="search-box" v-if="type!=='0'">
 			<view class="search-box-input">
-				<u-input v-model="keyword" placeholder="请输入店铺名称进行搜索" placeholder-style="color: #969696" prefixIcon="search"
+				<u-input v-model="keyword" placeholder="请输入标题进行搜索" placeholder-style="color: #969696" prefixIcon="search"
-					prefixIconStyle="font-size: 24px;color: #909399;" border="true" @clear="handleClear" clearable @change="changeInput">
+					prefixIconStyle="font-size: 24px;color: #909399;" border="true" @clear="handleClear" clearable
+					@change="changeInput">
 					<template slot="suffix">
 						<view style="display: flex;align-items: center;">
 							<u-icon name="map-fill" color="#329866" size="22"></u-icon>

pages/index/NavBarPages/czxx/czxx.vue

@@ -5,7 +5,7 @@
 				<view class="bug-fix"></view>
 				<view class="search-box">
 					<view class="search-box-input">
-						<u-input v-model="keyword" placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
+						<u-input v-model="keyword" placeholder="请输入标题进行搜索" placeholder-style="color: #969696" prefixIcon="search"
 							prefixIconStyle="font-size: 24px;color: #909399;" border="true" @change="getInput">
 						</u-input>
 					</view>

pages/index/NavBarPages/xmzs/xmzs.vue

@@ -5,7 +5,7 @@
 				<view class="bug-fix"></view>
 				<view class="search-box">
 					<view class="search-box-input">
-						<u-input v-model="keyword" placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
+						<u-input v-model="keyword" placeholder="请输入标题进行搜索" placeholder-style="color: #969696" prefixIcon="search"
 							prefixIconStyle="font-size: 24px;color: #909399;" border="true" @change="getInput">
 						</u-input>
 					</view>

pages/index/NavBarPages/zdxx/zdxx.vue

@@ -5,7 +5,7 @@
 				<view class="bug-fix"></view>
 				<view class="search-box">
 					<view class="search-box-input">
-						<u-input v-model="keyword" placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
+						<u-input v-model="keyword" placeholder="请输入标题进行搜索" placeholder-style="color: #969696" prefixIcon="search"
 							prefixIconStyle="font-size: 24px;color: #909399;" border="true" @change="getInput">
 						</u-input>
 					</view>

pages/index/NavBarPages/zrxx/zrxx.vue

@@ -5,7 +5,7 @@
 				<view class="bug-fix"></view>
 				<view class="search-box">
 					<view class="search-box-input">
-						<u-input v-model="keyword" placeholder="请输入店铺名称进行搜索" placeholder-style="color: #969696" prefixIcon="search"
+						<u-input v-model="keyword" placeholder="请输入标题进行搜索" placeholder-style="color: #969696" prefixIcon="search"
 							prefixIconStyle="font-size: 24px;color: #909399;" border="true" @change="getInput">
 						</u-input>
 					</view>

pages/shopAddress/shopAddress.vue

@@ -1,18 +1,15 @@
 <template>
 	<view class="root">
+		<view class="sticky">
 			<InputAndSwiper @getQueryInfo="getInput" :bannerURL="swiperList" :refresh="isRefresh"></InputAndSwiper>
-
+			<view class="marginLR10">
-		<view>
-			<view class="dropdown-bug">
-
-			</view>
-			<view class="marginLR10 sticky">
 				<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
 			</view>
+		</view>
 		<view class="marginLR10">
 			<SearchShopList :showStyle="1" :searchInfoList="searchInfoList" />
 		</view>
-		</view>
+
 		<view v-if="showNull" class="showNull">
 			<text>没有符合条件的数据, 请下拉刷新重置数据~
 			</text>
@@ -143,7 +140,11 @@
 
 	}
 </script>
-
+<style>
+	page {
+		background-color: #f8f8f8;
+	}
+</style>
 <style lang="scss" scoped>
 	.showNull {
 		display: flex;
@@ -153,22 +154,10 @@
 		color: darkgray;
 	}
 
-	page {
-		background-color: $uni-bg-color-grey;
-	}
-
 	.root {
 		position: relative;
 	}
 
-	.dropdown-bug {
-		position: absolute;
-		background-color: $uni-bg-color-grey;
-		height: 120rpx;
-		width: 100%;
-		transform: translateY(-20rpx);
-		z-index: 2;
-	}
 
 	.marginLR10 {
 		margin: 0 10px;

pages/shopTransfer/shopTransfer.vue

@@ -1,19 +1,15 @@
 <template>
 	<view class="root">
+		<view class="sticky">
 			<InputAndSwiper @getQueryInfo="getInput" :bannerURL="swiperList" :refresh="isRefresh">
 			</InputAndSwiper>
-
+			<view class="marginLR10 ">
-		<view>
-			<view class="dropdown-bug">
-
-			</view>
-			<view class="marginLR10 sticky">
 				<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
 			</view>
+		</view>
 		<view class="marginLR10">
 			<ShowShopList :showStyle="1" :shopInfoList="shopInfoList"></ShowShopList>
 		</view>
-		</view>
 		<view v-if="showNull" class="showNull">
 			<text>没有符合条件的数据, 请下拉刷新重置数据~
 			</text>
@@ -141,12 +137,12 @@
 		}
 	}
 </script>
-
+<style>
-<style lang="scss" scoped>
 	page {
-		background-color: $uni-bg-color-grey;
+		background-color: #f8f8f8;
 	}
-
+</style>
+<style lang="scss" scoped>
 	.showNull {
 		display: flex;
 		align-items: center;
@@ -159,14 +155,6 @@
 		position: relative;
 	}
 
-	.dropdown-bug {
-		position: absolute;
-		background-color: $uni-bg-color-grey;
-		height: 120rpx;
-		width: 100%;
-		transform: translateY(-20rpx);
-		z-index: 2;
-	}
 
 	.marginLR10 {
 		margin: 0 10px;

uni.scss

@@ -80,4 +80,5 @@ $uni-font-size-paragraph:15px;
     position: sticky;
     top: 0;
     z-index: 9;
+		background-color: #F8F8F8;
 }