罗世杰：支持分享到朋友、朋友圈

Reviewed-on: http://git.feashow.cn/odjbin/city-store-transfer/pulls/119

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>
@@ -52,14 +53,14 @@
 		options: {
 			styleIsolation: 'shared', // 解除样式隔离
 		},
-		watch: {
+		// watch: {
-			refresh(newVal, oldVal) {
+		// 	refresh(newVal, oldVal) {
-				console.log('newVal',newVal);
+		// 		console.log('newVal', newVal);
-				if(newVal){
+		// 		// if (newVal) {
-					this.keyword=''
+		// 		this.keyword = ''
-				}
+		// 		// }
-			}
+		// 	}
-		},
+		// },
 		onShow() {
 			if (this.type !== '0') {
 				this.open()
@@ -69,6 +70,9 @@
 
 		},
 		methods: {
+			resetInfo() {
+				this.keyword = ''
+			},
 			changeInput(e) {
 				this.$emit('getQueryInfo', e)
 			},

components/SearchShopList/SearchShopList.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<SearchShopListItem v-for="item in searchInfoList" :key="searchid" :shopInfo="item" :show-style="showStyle"
+		<SearchShopListItem v-for="item in searchInfoList" :key="item.id" :shopInfo="item" :show-style="showStyle"
 			:isEdit="isEdit" @delItem="handleDel" @updateItem="handleUpdate"></SearchShopListItem>
 	</view>
 </template>

components/ShowShopList/ShowShopList.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<ShowShopListItem v-for="item in shopInfoList" :shopInfo="item" :is-adshow="isADshow"
+		<ShowShopListItem v-for="item in shopInfoList" :key="item.id" :shopInfo="item" :is-adshow="isADshow"
 			:adlinkPath="adlinkPath" :show-style="showStyle" :is-edit="isEdit" @delItem="handleDel"
 			@updateItem="hanldeUpdate"></ShowShopListItem>
 	</view>

components/ShowShopListItem/ShowShopListItem.vue

@@ -142,9 +142,22 @@
 		},
 		computed: {
 
+		},
+		watch: {
+			shopInfo(newVal, oldVal) {
+				if (newVal.pics.includes(",")) {
+					this.leftImage = this.$api.imgUrl + newVal.pics.split(',')[0]
+				} else {
+					this.leftImage = this.$api.imgUrl + newVal.pics
+				}
+			}
 		},
 		created() {
+			if (this.shopInfo.pics.includes(",")) {
 				this.leftImage = this.$api.imgUrl + this.shopInfo.pics.split(',')[0]
+			} else {
+				this.leftImage = this.$api.imgUrl + this.shopInfo.pics
+			}
 		},
 		methods: {
 			handleEdit(shopid) {
@@ -157,7 +170,7 @@
 				this.$emit('delItem', shopid)
 			},
 			enterDetail() {
-				// console.log("进入详情页面");
+				console.log("进入详情页面", this.shopInfo.id, this.shopInfo.type);
 				const query = this.$u.queryParams({
 					id: this.shopInfo.id,
 					type: this.shopInfo.type
@@ -205,7 +218,8 @@
 			flex-direction: column;
 			justify-content: space-between;
 
-			>text, >u-text {
+			>text,
+			>u-text {
 				font-size: 14px;
 			}
 

main.js

@@ -9,6 +9,8 @@ Vue.use(uView)
 Vue.prototype.$api = apiService
 Vue.prototype.$toast = toast
 
+import share from './utils/share.js'
+Vue.mixin(share)
 // #ifndef VUE3
 import Vue from 'vue'
 Vue.config.productionTip = false

pages.json

@@ -71,7 +71,7 @@
 				"navigationBarTitleText": "",
 				"navigationBarTextStyle": "white",
 				"navigationBarBackgroundColor": "#339967",
-				"enablePullDownRefresh": false
+				"enablePullDownRefresh": true
 			}
 		}, {
 			"path": "pages/publish/publishTransfer/publishTransfer",

pages/Partnerships/Partnerships.vue

@@ -133,7 +133,7 @@
 
 			.hhr-text {
 				margin-top: 28rpx;
-			width: 186rpx;
+				// width: 186rpx;
 				height: 50rpx;
 				font-size: 36rpx;
 				font-family: PingFang-SC, PingFang-SC;

pages/detail/detail.vue

@@ -9,6 +9,10 @@
 			</view>
 			<view>
 				<u-grid :col="3">
+					<u-grid-item>
+						<view class="grid-textup">{{shopInfo.mianji}}m²</view>
+						<view class="grid-text">面积</view>
+					</u-grid-item>
 					<u-grid-item>
 						<view class="grid-textup">{{shopInfo.zujin}}元/月</view>
 						<view class="grid-text">租金</view>
@@ -18,10 +22,6 @@
 						<view v-if="search" class="grid-text">转让费</view>
 						<view v-else class="grid-text">预计投资</view>
 					</u-grid-item>
-					<u-grid-item>
-						<view class="grid-textup">{{shopInfo.mianji}}m²</view>
-						<view class="grid-text">面积</view>
-					</u-grid-item>
 				</u-grid>
 			</view>
 		</view>
@@ -32,6 +32,9 @@
 			<text>行业：{{shopInfo.trade1+'-'}}{{shopInfo.trade2}}</text>
 			<text>区域：{{shopInfo.area1}}</text>
 			<text v-if="search">地址：{{shopInfo.adress}}</text>
+			<view class="xq_rz" v-if="shopInfo.is_auth=='1'">
+				<image src="../../static/shoplist/xq_rz.png" style="width: 240rpx;height: 171rpx;"></image>
+			</view>
 		</view>
 		<view class="bgc">
 
@@ -42,7 +45,14 @@
 				<u-cell :title="shopInfo.lianxiren" :label="shopInfo.mobile" :border="false"></u-cell>
 			</view>
 			<u-divider :height="5"></u-divider>
-			<u-cell title="店铺介绍" :label="shopInfo.content" label-style="color = #5D5D5D;font-size: 24rpx;"></u-cell>
+			<u-cell title="店铺介绍" :label="shopInfo.content" label-style="color = #5D5D5D;font-size: 24rpx;">
+				<view slot="label" class="shop-content">
+					<view class="u-flex">
+						<view>{{ shopInfo.content }}</view>
+						<view style="color: #CC3333;">联系我时，请说是在速配商铺上看到的，谢谢!</view>
+					</view>
+				</view>
+			</u-cell>
 		</view>
 
 		<view class="bottom">
@@ -204,6 +214,7 @@
 	}
 
 	.location-detail {
+		position: relative;
 		display: flex;
 		// margin-top: 50rpx;
 		background-color: #fff;
@@ -211,6 +222,12 @@
 		padding-left: 16rpx;
 		line-height: 33px;
 		font-size: 15px;
+
+		.xq_rz {
+			position: absolute;
+			top: 30rpx;
+			right: 15rpx;
+		}
 	}
 
 	.seller-shop-detail {
@@ -231,6 +248,14 @@
 		}
 	}
 
+	.shop-content {
+		margin-top: 20rpx;
+		display: flex;
+		flex-wrap: wrap;
+		font-size: 24rpx;
+		color: #5D5D5D;
+	}
+
 	.bottom {
 		position: fixed;
 		bottom: 0;

pages/index/NavBarPages/czxx/czxx.vue

@@ -1,10 +1,11 @@
 <template>
 	<view>
+		<view class="sticky">
 			<view class="search-box-bg">
 				<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>
@@ -14,6 +15,8 @@
 			<view>
 				<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
 			</view>
+		</view>
+
 		<view class="marginLR10">
 			<ShowShopList :showStyle="2" :adlinkPath="adlinkPath" :listType="3" :shopInfoList="shopInfoList" />
 		</view>
@@ -56,7 +59,7 @@
 			// }
 			this.getShopList(q, "refresh")
 			this.$refs.dropdown.resetInfo()
-
+			this.keyword = ''
 			// }
 		},
 		onReachBottom() {
@@ -87,6 +90,11 @@
 				this.$api.getShopList(q).then(res => {
 					this.shopListLength = res.data.data.length
 					this.shopInfoList = res.data.data
+					if (res.data.data.length == 0) {
+						this.showNull = true
+					} else {
+						this.showNull = false
+					}
 				})
 			},
 			getShopList(q, type) {

pages/index/NavBarPages/xmzs/xmzs.vue

@@ -1,10 +1,11 @@
 <template>
 	<view>
+		<view class="sticky">
 			<view class="search-box-bg">
 				<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>
@@ -14,6 +15,8 @@
 			<view>
 				<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
 			</view>
+		</view>
+
 		<view class="marginLR10">
 			<ShowShopList :showStyle="2" :adlinkPath="adlinkPath" :listType="4" :shopInfoList="shopInfoList" />
 		</view>
@@ -56,7 +59,7 @@
 			// }
 			this.getShopList(q, "refresh")
 			this.$refs.dropdown.resetInfo()
-
+			this.keyword = ''
 			// }
 		},
 		onReachBottom() {
@@ -87,6 +90,11 @@
 				this.$api.getShopList(q).then(res => {
 					this.shopListLength = res.data.data.length
 					this.shopInfoList = res.data.data
+					if (res.data.data.length == 0) {
+						this.showNull = true
+					} else {
+						this.showNull = false
+					}
 				})
 			},
 			getShopList(q, type) {

pages/index/NavBarPages/zdxx/zdxx.vue

@@ -1,10 +1,11 @@
 <template>
 	<view>
+		<view class="sticky">
 			<view class="search-box-bg">
 				<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>
@@ -14,6 +15,8 @@
 			<view>
 				<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
 			</view>
+		</view>
+
 		<view class="marginLR10">
 			<SearchShopList :showStyle="1" :searchInfoList="searchInfoList" />
 		</view>
@@ -55,6 +58,7 @@
 			// }
 			this.getShopList(q, "refresh")
 			this.$refs.dropdown.resetInfo()
+			this.keyword = ''
 			// }
 		},
 		onReachBottom() {
@@ -85,6 +89,11 @@
 				this.$api.getShopList(q).then(res => {
 					this.searchListLength = res.data.data.length
 					this.searchInfoList = res.data.data
+					if (res.data.data.length == 0) {
+						this.showNull = true
+					} else {
+						this.showNull = false
+					}
 				})
 			},
 			getShopList(q, type) {

pages/index/NavBarPages/zrxx/zrxx.vue

@@ -1,10 +1,11 @@
 <template>
 	<view>
+		<view class="sticky">
 			<view class="search-box-bg">
 				<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>
@@ -14,6 +15,8 @@
 			<view>
 				<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
 			</view>
+		</view>
+
 		<view class="marginLR10">
 			<ShowShopList :showStyle="1" :shopInfoList="shopInfoList" />
 		</view>
@@ -55,7 +58,7 @@
 			// }
 			this.getShopList(q, "refresh")
 			this.$refs.dropdown.resetInfo()
-
+			this.keyword = ''
 			// }
 		},
 		onReachBottom() {
@@ -86,6 +89,11 @@
 				this.$api.getShopList(q).then(res => {
 					this.shopListLength = res.data.data.length
 					this.shopInfoList = res.data.data
+					if (res.data.data.length == 0) {
+						this.showNull = true
+					} else {
+						this.showNull = false
+					}
 				})
 			},
 			getShopList(q, type) {
@@ -155,8 +163,6 @@
 
 	.search-box-bg {
 		width: 100%;
-		position: relative;
-		z-index: 3;
 		background-color: #F8F8F8;
 
 		.bug-fix {

pages/index/map/map.vue

@@ -118,21 +118,7 @@
 					// 	alpha: 1
 					// }
 				],
-				shopList: {
+				shopList: {}
-					shopid: 1,
-					imageUrl: 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg',
-					title: '琴行铺面转让',
-					promotionNum: 23,
-					price: 6000,
-					date: '2023-11-02',
-					pos: '锦江区',
-					exactPos: '锦江区-汇源南路366号',
-					sqr: 100,
-					zrfText: "转让费：20万",
-					category: '餐饮美食',
-					uname: "张先生",
-					phoneNum: 13348946108,
-				}
 			}
 		},
 		onShow() {
@@ -189,24 +175,10 @@
 					console.log('详情', res);
 					const data = res.data.data
 					if (res.data.code == 1) {
-						this.shopList = data
+						this.shopList = {
-						// {
+							...data,
-						// 	shopid: 1,
+							id: id
-						// 	pics: this.$api.imgUrl + data.pics,
+						}
-						// 	tt: data.tt,
-						// 	num: data.num,
-						// 	zujin: data.zujin,
-						// 	date: data.update_time,
-						// 	area1: data.area1,
-						// 	address: data.address,
-						// 	mianji: data.mianji,
-						// 	zhuanrangfei: "转让费：" + data.zhuanrangfei,
-						// 	trade: data.trade,
-						// 	lianxiren: data.lianxiren,
-						// 	mobile: data.mobile,
-						// }
-						// data.pics = [this.$api.imgUrl + data.pics]
-						// this.shopInfo = data
 					}
 				})
 			},

pages/my/my.vue

@@ -109,6 +109,9 @@
 						uni.setStorageSync("uid", data.user_id)
 						uni.setStorageSync("member", data.member)
 					}
+					if (res.data.msg == "登录超时，请重新登录") {
+						this.isLoad = false
+					}
 				})
 			}
 		}

pages/published/published.vue

@@ -1,12 +1,15 @@
 <template>
 	<view>
+		<view class="search-bg sticky">
 			<view class="search-box">
 				<view class="search-box-input">
-				<u-input 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">
+						prefixIconStyle="font-size: 24px;color: #909399;" border="true" @change="getInput">
 					</u-input>
 				</view>
 			</view>
+		</view>
+
 		<view class="content">
 			<ShowShopList v-if="listId == 0" :isEdit="true" :showStyle="1" :shopInfoList="searchInfoList" @delItem="handleDel"
 				@updateItem="handleUpdate1"></ShowShopList>
@@ -19,6 +22,10 @@
 				@delItem="handleDel" @updateItem="handleUpdate4"></ShowShopList>
 			<ShowShopList v-if="listId == 4" :showStyle="0" :shopInfoList="matchList"></ShowShopList>
 		</view>
+		<view v-if="showNull" class="showNull">
+			<text>没有符合条件的数据, 请下拉刷新重置数据~
+			</text>
+		</view>
 	</view>
 </template>
 
@@ -37,18 +44,84 @@
 				pageNum: 1,
 				matchPageSize: 5,
 				matchPageNum: 1,
+				keyword: '',
+				refresh: false,
+				showNull: false,
 			}
 		},
+		onPullDownRefresh() {
+			this.refresh = true
+			if (this.listId !== 4) {
+				this.getMyPublished(this.listId + 1, this.pageSize, 1)
+			} else {
+				this.getMatch(this.matchPageSize, 1)
+			}
+			this.keyword = ''
+		},
 		onReachBottom() {
-			if (this.listId !== 4 && this.searchListLength !== 0) {
+			if (this.listId !== 4 && !this.refresh && this.searchListLength !== 0) {
 				this.pageNum++
 				this.getMyPublished(this.listId + 1, this.pageSize, this.pageNum)
-			} else if (this.listId == 4 && this.matchListLength !== 0) {
+			} else if (this.listId == 4 && !this.refresh &&this.matchListLength !== 0) {
 				this.matchPageNum++
-				this.getMatch()
+				this.getMatch(this.matchPageSize, this.matchPageNum)
+			} else if (this.searchListLength == 0) {
+				this.pageNum = 1
+			} else if (this.matchListLength == 0) {
+				this.matchPageNum = 1
 			}
+			this.keyword = ''
 		},
 		methods: {
+			getInput(val) {
+				console.log('搜索值', val);
+				
+				if (this.listId !== 4) {
+					if (this.pageNum !== 1) {
+						this.pageNum = 1
+					}
+					this.$api.getMyPublished({
+						type: this.listId + 1,
+						pageSize: this.pageSize,
+						pageNum: this.pageNum,
+						title: val
+					}).then(res => {
+						console.log('发布信息', res);
+						if (res.data.code == 1) {
+							this.searchListLength = res.data.data.length
+							this.searchInfoList = res.data.data
+							if (res.data.data.length == 0) {
+								this.showNull = true
+							} else {
+								this.showNull = false
+							}
+						} else {
+							uni.$u.toast(res.data.msg)
+						}
+					})
+				} else {
+					if (this.matchPageNum !== 1) {
+						this.matchPageNum = 1
+					}
+					this.$api.getMyMatch({
+						pageSize: this.matchPageSize,
+						pageNum: this.matchPageNum,
+						title: val
+					}).then(res => {
+						if (res.data.code == 1) {
+							this.matchListLength = res.data.data.length
+							this.matchList = res.data.data[0]
+							if (res.data.data.length == 0) {
+								this.showNull = true
+							} else {
+								this.showNull = false
+							}
+						} else {
+							uni.$u.toast(res.data.msg)
+						}
+					})
+				}
+			},
 			handleUpdate1(searchid) {
 				console.log('页面更新');
 				uni.navigateTo({
@@ -103,14 +176,25 @@
 				})
 
 			},
-			getMatch() {
+			getMatch(pageSize,pageNum) {
 				this.$api.getMyMatch({
-					pageSize: this.matchPageSize,
+					pageSize: pageSize,
-					pageNum: this.matchPageNum
+					pageNum: pageNum
 				}).then(res => {
 					if (res.data.code == 1) {
 						this.matchListLength = res.data.data.length
+						if(this.refresh){
+							this.refresh = false
+							if (res.data.data.length == 0) {
+								this.showNull = true
+							} else {
+								this.showNull = false
+							}
+							this.matchList = res.data.data[0]
+						}else{
 							this.matchList = [...this.matchList, ...res.data.data[0]]
+						}
+						uni.stopPullDownRefresh()
 					} else {
 						uni.$u.toast(res.data.msg)
 					}
@@ -122,14 +206,21 @@
 					pageSize: pageSize,
 					pageNum: pageNum
 				}).then(res => {
-					console.log('发布信息', res);
+					console.log('发布信息l', res, res.data.data.length);
 					if (res.data.code == 1) {
 						this.searchListLength = res.data.data.length
-						if (isDelete == 1) {
+						if (isDelete == 1|| this.refresh) {
 							this.searchInfoList = res.data.data
+							this.refresh = false
+							if (res.data.data.length == 0) {
+								this.showNull = true
+							} else {
+								this.showNull = false
+							}
 						} else {
 							this.searchInfoList = [...this.searchInfoList, ...res.data.data]
 						}
+						uni.stopPullDownRefresh()
 					} else {
 						uni.$u.toast(res.data.msg)
 					}
@@ -162,9 +253,8 @@
 
 			if (this.titletext == '我的匹配') {
 				this.listId = 4
-				this.getMatch()
+				this.getMatch(this.matchPageSize, this.matchPageNum)
 			}
-
 		},
 		computed: {
 
@@ -173,6 +263,20 @@
 </script>
 
 <style lang="scss">
+	.showNull {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: 100rpx;
+		color: darkgray;
+	}
+
+	.search-bg {
+		height: 28px;
+		padding-top: 20rpx;
+		padding-bottom: 20rpx;
+	}
+
 	.search-box {
 		position: relative;
 		z-index: 1;
@@ -182,7 +286,6 @@
 
 		.search-box-input {
 			border-radius: 12rpx;
-			margin-top: 20rpx;
 			background-color: #fff;
 			opacity: 0.85;
 

pages/shopAddress/shopAddress.vue

@@ -1,18 +1,14 @@
 <template>
 	<view class="root">
-		<InputAndSwiper @getQueryInfo="getInput" :bannerURL="swiperList" :refresh="isRefresh"></InputAndSwiper>
+		<view class="sticky">
-
+			<InputAndSwiper @getQueryInfo="getInput" :bannerURL="swiperList" ref="input"></InputAndSwiper>
-		<view>
-			<view class="dropdown-bug">
-
-			</view>
 			<view class="marginLR10">
 				<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>
@@ -36,12 +32,12 @@
 				customQuery: {},
 				searchListLength: '',
 				showNull: false,
-				refresh: false,
+				refresh: false
-				isRefresh: false
 			}
 		},
 		onPullDownRefresh() {
 			this.refresh = true
+			this.$refs.input.resetInfo()
 			// if (this.showNull = true) {
 			const q = this.$u.queryParams({
 				type: 2,
@@ -58,7 +54,7 @@
 		},
 		onReachBottom() {
 			if (!this.refresh && this.searchListLength !== 0) {
-				this.isRefresh = true
+				this.$refs.input.resetInfo()
 				this.pageNum++
 				this.getShopList()
 				console.log("触底加载");
@@ -94,6 +90,11 @@
 				this.$api.getShopList(q).then(res => {
 					this.searchListLength = res.data.data.length
 					this.searchInfoList = res.data.data
+					if (res.data.data.length == 0) {
+						this.showNull = true
+					} else {
+						this.showNull = false
+					}
 				})
 			},
 			getShopList(q, type) {
@@ -143,7 +144,11 @@
 
 	}
 </script>
-
+<style>
+	page {
+		background-color: #f8f8f8;
+	}
+</style>
 <style lang="scss" scoped>
 	.showNull {
 		display: flex;
@@ -153,22 +158,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,29 +1,28 @@
 <template>
 	<view class="root">
-		<InputAndSwiper  @getQueryInfo="getInput" :bannerURL="swiperList" :refresh="isRefresh">
+		<view class="sticky">
+			<InputAndSwiper @getQueryInfo="getInput" ref="input" :bannerURL="swiperList">
 			</InputAndSwiper>
-
-		<view>
-			<view class="dropdown-bug">
-
-			</view>
 			<view class="marginLR10 ">
 				<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>
 			</view>
+		</view>
 		<TabBar :current-page="1"></TabBar>
 	</view>
 </template>
 
 <script>
 	import DropDownItem from "@/components/DropDown/DropDownItem.vue"
+	import {
+		nextTick
+	} from "vue"
 	export default {
 		components: {
 			DropDownItem
@@ -37,8 +36,7 @@
 				swiperList: [],
 				shopListLength: '',
 				showNull: false,
-				refresh: false,
+				refresh: false
-				isRefresh: false
 			}
 		},
 		onPullDownRefresh() {
@@ -54,11 +52,12 @@
 			// }
 			this.getShopList(q, "refresh")
 			this.$refs.dropdown.resetInfo()
+			this.$refs.input.resetInfo()
 			// }
 		},
 		onReachBottom() {
 			if (!this.refresh && this.shopListLength !== 0) {
-				this.isRefresh = true
+				this.$refs.input.resetInfo()
 				this.pageNum++
 				this.getShopList()
 				console.log("触底加载");
@@ -94,6 +93,11 @@
 				this.$api.getShopList(q).then(res => {
 					this.shopListLength = res.data.data.length
 					this.shopInfoList = res.data.data
+					if (res.data.data.length == 0) {
+						this.showNull = true
+					} else {
+						this.showNull = false
+					}
 				})
 			},
 			getShopList(q, type) {
@@ -121,6 +125,7 @@
 						console.log('查询');
 						this.shopInfoList = [...this.shopInfoList, ...res.data.data]
 					}
+
 					uni.stopPullDownRefresh()
 					console.log(this.shopInfoList);
 				})
@@ -141,32 +146,27 @@
 		}
 	}
 </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;
 		justify-content: center;
 		height: 100rpx;
 		color: darkgray;
+		// position: absolute;
+		// top: 0;
+		// background-color: red;
 	}
 
 	.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;

service/request.js

@@ -1,7 +1,7 @@
 const serverHost = 'https://spsp.feashow.com/api' //http://xx.xxx.xx
 function isOutTime(res) {
 	if (res.data.msg == '登录超时，请重新登录') {
-		uni.showToast('登录信息已过期,请重新登录')
+		// uni.showToast('登录信息已过期,请重新登录')
 		// setTimeout(() => {
 		uni.redirectTo({
 			url: '/pages/login/login'

uni.scss

@@ -74,3 +74,11 @@ $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:15px;
+
+
+.sticky {
+    position: sticky;
+    top: 0;
+    z-index: 9;
+		background-color: #F8F8F8;
+}

utils/share.js

@@ -0,0 +1,8 @@
+export default{
+    onShareAppMessage() {
+        return {}
+    },
+    onShareTimeline() {
+        return {}
+    }
+}