商品搜索更新

pages/goods/goods_list/index.vue

@@ -3,60 +3,71 @@
 		<view class='productList'>
 			<view class='search bg-color acea-row row-between-wrapper'>
 				<view class='input acea-row row-between-wrapper'><text class='iconfont icon-sousuo'></text>
-					<input :placeholder='$t(`搜索商品名称`)' placeholder-class='placeholder' confirm-type='search' name="search"
-						:value='where.keyword' @confirm="searchSubmit"></input>
+					<input :placeholder='$t(`搜索商品名称`)' placeholder-class='placeholder' confirm-type='search'
+						name="search" :value='where.goodsName' @confirm="searchSubmit"></input>
 				</view>
-				<view class='iconfont' :class='is_switch==true?"icon-pailie":"icon-tupianpailie"' @click='Changswitch'>
+				<view class='iconfont' :class='is_switch == true ? "icon-pailie" : "icon-tupianpailie"'
+					@click='Changswitch'>
 				</view>
 			</view>
-			<view class='nav acea-row row-middle'>
-				<view class='item line1' :class='title ? "font-num":""' @click='set_where(1)'>{{title ? $t(title) : $t(`默认`)}}
+			<!-- <view class='nav acea-row row-middle'>
+				<view class='item line1' :class='title ? "font-num" : ""' @click='set_where(1)'>{{ title ? $t(title) :
+						$t(`默认`)
+				}}
 				</view>
 				<view class='item' @click='set_where(2)'>
-					{{$t(`价格`)}}
-					<image v-if="price==1" src='../../../static/images/up.png'></image>
-					<image v-else-if="price==2" src='../../../static/images/down.png'></image>
+					{{ $t(`价格`) }}
+					<image v-if="price == 1" src='../../../static/images/up.png'></image>
+					<image v-else-if="price == 2" src='../../../static/images/down.png'></image>
 					<image v-else src='../../../static/images/horn.png'></image>
 				</view>
 				<view class='item' @click='set_where(3)'>
-					{{$t(`销量`)}}
-					<image v-if="stock==1" src='../../../static/images/up.png'></image>
-					<image v-else-if="stock==2" src='../../../static/images/down.png'></image>
+					{{ $t(`销量`) }}
+					<image v-if="stock == 1" src='../../../static/images/up.png'></image>
+					<image v-else-if="stock == 2" src='../../../static/images/down.png'></image>
 					<image v-else src='../../../static/images/horn.png'></image>
 				</view>
-				<!-- down -->
-				<view class='item' :class='nows ? "font-color":""' @click='set_where(4)'>{{$t(`新品`)}}</view>
-			</view>
-			<view class='list acea-row row-between-wrapper' :class='is_switch==true?"":"on"'>
-				<view class='item' :class='is_switch==true?"":"on"' hover-class='none'
-					v-for="(item,index) in productList" :key="index" @click="godDetail(item)">
-					<view class='pictrue' :class='is_switch==true?"":"on"'>
-						<image :src='item.image' :class='is_switch==true?"":"on"'></image>
+				<view class='item' :class='nows ? "font-color" : ""' @click='set_where(4)'>{{ $t(`新品`) }}</view>
+			</view> -->
+			<view class='list acea-row row-between-wrapper' :class='is_switch == true ? "" : "on"'>
+				<view class='item' :class='is_switch == true ? "" : "on"' hover-class='none'
+					v-for="(item, index) in productList" :key="index" @click="godDetail(item)">
+					<view class='pictrue' :class='is_switch == true ? "" : "on"'>
+						<image :src='item.goodsCover' :class='is_switch == true ? "" : "on"'></image>
 						<span class="pictrue_log_class" :class="is_switch === true ? 'pictrue_log_big' : 'pictrue_log'"
-							v-if="item.activity && item.activity.type === '1'">{{$t(`秒杀`)}}</span>
+							v-if="item.activity && item.activity.type === '1'">{{ $t(`秒杀`) }}</span>
 						<span class="pictrue_log_class" :class="is_switch === true ? 'pictrue_log_big' : 'pictrue_log'"
-							v-if="item.activity && item.activity.type === '2'">{{$t(`砍价`)}}</span>
+							v-if="item.activity && item.activity.type === '2'">{{ $t(`砍价`) }}</span>
 						<span class="pictrue_log_class" :class="is_switch === true ? 'pictrue_log_big' : 'pictrue_log'"
-							v-if="item.activity && item.activity.type === '3'">{{$t(`拼团`)}}</span>
+							v-if="item.activity && item.activity.type === '3'">{{ $t(`拼团`) }}</span>
 					</view>
-					<view class='text' :class='is_switch==true?"":"on"'>
-						<view class='name line1'>{{item.store_name}}</view>
-						<view class='money font-color' :class='is_switch==true?"":"on"'>{{$t(`￥`)}}<text
-								class='num'>{{item.price}}</text></view>
-						<view class='vip acea-row row-between-wrapper' :class='is_switch==true?"":"on"'>
-							<view class='vip-money' v-if="item.vip_price && item.vip_price > 0">{{$t(`￥`)}}{{item.vip_price}}
-								<image src='../../../static/images/vip.png'></image>
+					<view class='text' :class='is_switch == true ? "" : "on"'>
+						<view class="text-info">
+							<view class="title">
+								<u-text :prefixIcon="item.isHot == 1 ? 'bookmark' : ''"
+									iconStyle="font-size: 16px; color:red;min-height: 30px;" :lines="2" bold block
+									size="12" :text="item.goodsName"></u-text>
 							</view>
-							<view>{{$t(`已售`)}} {{item.sales}}{{$t(item.unit_name) || $t(`件`)}}</view>
+							<view class="tags">赠送{{ item.obtainIntegral }}红积分</view>
+						</view>
+						<!-- <view class='name line1'>{{ item.goodsName }}</view> -->
+						<view class='money font-color' :class='is_switch == true ? "" : "on"'>{{ $t(`￥`) }}<text
+								class='num'>{{ item.salePrice - 0 }}</text></view>
+						<view class='vip acea-row row-between-wrapper' :class='is_switch == true ? "" : "on"'>
+							<!-- <view class='vip-money' v-if="item.salePrice && item.salePrice > 0">
+								{{ $t(`￥`) }}{{ item.salePrice }}
+								<image src='../../../static/images/vip.png'></image>
+							</view> -->
+							<!-- <view>{{ $t(`已售`) }} {{ item.sales }}{{ $t(item.unit_name) || $t(`件`) }}</view> -->
 						</view>
 					</view>
 				</view>
 				<view class='loadingicon acea-row row-center-wrapper' v-if='productList.length > 0'>
-					<text class='loading iconfont icon-jiazai' :hidden='loading==false'></text>{{loadTitle}}
+					<text class='loading iconfont icon-jiazai' :hidden='loading == false'></text>{{ loadTitle }}
 				</view>
 			</view>
 		</view>
-		<view class='noCommodity' v-if="productList.length==0 && where.page > 1">
+		<view class='noCommodity' v-if="productList.length == 0 && where.page > 1">
 			<view class='emptyBox'>
 				<image :src="imgHost + '/statics/images/no-thing.png'"></image>
 			</view>
@@ -69,375 +80,386 @@
 </template>
 
 <script>
-	import home from '@/components/home';
-	import {
-		getProductslist,
-		getProductHot
-	} from '@/api/store.js';
-	import recommend from '@/components/recommend';
-	import {
-		mapGetters
-	} from "vuex";
-	import {
-		goShopDetail
-	} from '@/libs/order.js'
-	import {HTTP_REQUEST_URL} from '@/config/app';
-	import colors from '@/mixins/color.js';
-	export default {
-		computed: mapGetters(['uid']),
-		components: {
-			recommend,
-			home
+import home from '@/components/home';
+import {
+	getGoodsInfo
+} from '@/api/home.js';
+import {
+	getProductslist,
+	getProductHot
+} from '@/api/store.js';
+import recommend from '@/components/recommend';
+import {
+	mapGetters
+} from "vuex";
+import {
+	goShopDetail
+} from '@/libs/order.js'
+import { HTTP_REQUEST_URL } from '@/config/app';
+import colors from '@/mixins/color.js';
+export default {
+	computed: mapGetters(['uid']),
+	components: {
+		recommend,
+		home
+	},
+	mixins: [colors],
+	data() {
+		return {
+			imgHost: HTTP_REQUEST_URL,
+			productList: [],
+			is_switch: true,
+			where: {
+				goodsName: '',
+				zoneType: 3,
+				current: 1,
+				size: 20,
+			},
+			price: 0,
+			stock: 0,
+			nows: false,
+			loadend: false,
+			loading: false,
+			loadTitle: this.$t(`加载更多`),
+			title: '',
+			hostProduct: [],
+			hotPage: 1,
+			hotLimit: 10,
+			hotScroll: false
+		};
+	},
+	onLoad: function (options) {
+		// this.where.cid = options.cid || 0;
+		// this.$set(this.where, 'sid', options.sid || 0);
+		this.title = options.title || '';
+		this.$set(this.where, 'goodsName', options.searchValue || '');
+		// this.$set(this.where, 'productId', options.productId || '');
+		this.get_product_list();
+	},
+	methods: {
+		// 去详情页
+		godDetail(item) {
+			goShopDetail(item, this.uid).then(res => {
+				uni.navigateTo({
+					url: `/pages/goods_details/index?id=${item.id}`
+				})
+			})
 		},
-		mixins:[colors],
-		data() {
-			return {
-				imgHost:HTTP_REQUEST_URL,
-				productList: [],
-				is_switch: true,
-				where: {
-					sid: 0,
-					keyword: '',
-					priceOrder: '',
-					salesOrder: '',
-					news: 0,
-					page: 1,
-					limit: 20,
-					cid: 0,
-				},
-				price: 0,
-				stock: 0,
-				nows: false,
-				loadend: false,
-				loading: false,
-				loadTitle: this.$t(`加载更多`),
-				title: '',
-				hostProduct: [],
-				hotPage: 1,
-				hotLimit: 10,
-				hotScroll: false
-			};
+		Changswitch: function () {
+			let that = this;
+			that.is_switch = !that.is_switch
 		},
-		onLoad: function(options) {
-			this.where.cid = options.cid || 0;
-			this.$set(this.where, 'sid', options.sid || 0);
-			this.title = options.title || '';
-			this.$set(this.where, 'keyword', options.searchValue || '');
-			this.$set(this.where, 'productId', options.productId || '');
-			this.get_product_list();
+		searchSubmit: function (e) {
+			let that = this;
+			that.$set(that.where, 'goodsName', e.detail.value);
+			that.loadend = false;
+			that.$set(that.where, 'page', 1)
+			this.get_product_list(true);
+		},
+		/**
+		 * 获取我的推荐
+		 */
+		get_host_product: function () {
+			let that = this;
+			if (that.hotScroll) return
+			getProductHot(
+				that.hotPage,
+				that.hotLimit,
+			).then(res => {
+				that.hotPage++
+				that.hotScroll = res.data.length < that.hotLimit
+				that.hostProduct = that.hostProduct.concat(res.data)
+				// that.$set(that, 'hostProduct', res.data)
+			});
 		},
-		methods: {
-			// 去详情页
-			godDetail(item) {
-				goShopDetail(item, this.uid).then(res => {
-					uni.navigateTo({
-						url: `/pages/goods_details/index?id=${item.id}`
+		//点击事件处理
+		set_where: function (e) {
+			switch (e) {
+				case 1:
+					// #ifdef H5
+					return history.back();
+					// #endif
+					// #ifndef H5
+					return uni.navigateBack({
+						delta: 1,
 					})
-				})
-			},
-			Changswitch: function() {
-				let that = this;
-				that.is_switch = !that.is_switch
-			},
-			searchSubmit: function(e) {
-				let that = this;
-				that.$set(that.where, 'keyword', e.detail.value);
-				that.loadend = false;
-				that.$set(that.where, 'page', 1)
-				this.get_product_list(true);
-			},
-			/**
-			 * 获取我的推荐
-			 */
-			get_host_product: function() {
-				let that = this;
-				if (that.hotScroll) return
-				getProductHot(
-					that.hotPage,
-					that.hotLimit,
-				).then(res => {
-					that.hotPage++
-					that.hotScroll = res.data.length < that.hotLimit
-					that.hostProduct = that.hostProduct.concat(res.data)
-					// that.$set(that, 'hostProduct', res.data)
-				});
-			},
-			//点击事件处理
-			set_where: function(e) {
-				switch (e) {
-					case 1:
-						// #ifdef H5
-						return history.back();
-						// #endif
-						// #ifndef H5
-						return uni.navigateBack({
-							delta: 1,
-						})
-						// #endif
-						break;
-					case 2:
-						if (this.price == 0) this.price = 1;
-						else if (this.price == 1) this.price = 2;
-						else if (this.price == 2) this.price = 0;
-						this.stock = 0;
-						break;
-					case 3:
-						if (this.stock == 0) this.stock = 1;
-						else if (this.stock == 1) this.stock = 2;
-						else if (this.stock == 2) this.stock = 0;
-						this.price = 0
-						break;
-					case 4:
-						this.nows = !this.nows;
-						break;
-				}
-				this.loadend = false;
-				this.$set(this.where, 'page', 1);
-				this.get_product_list(true);
-			},
-			//设置where条件
-			setWhere: function() {
-				if (this.price == 0) this.where.priceOrder = '';
-				else if (this.price == 1) this.where.priceOrder = 'asc';
-				else if (this.price == 2) this.where.priceOrder = 'desc';
-				if (this.stock == 0) this.where.salesOrder = '';
-				else if (this.stock == 1) this.where.salesOrder = 'asc';
-				else if (this.stock == 2) this.where.salesOrder = 'desc';
-				this.where.news = this.nows ? 1 : 0;
-			},
-			//查找产品
-			get_product_list: function(isPage) {
-				let that = this;
-				that.setWhere();
-				if (that.loadend) return;
-				if (that.loading) return;
-				if (isPage === true) that.$set(that, 'productList', []);
-				that.loading = true;
-				that.loadTitle = '';
-				uni.request({
-					url:'api/mock/Productslist',
-					success:res=>{
-						let list = res.data;
-						let productList = that.$util.SplitArray(list, that.productList);
-						let loadend = list.length < that.where.limit;
-						that.loadend = loadend;
-						that.loading = false;
-						that.loadTitle = loadend ? that.$t(`没有更多内容啦~`) : that.$t(`加载更多`);
-						that.$set(that, 'productList', productList);
-						that.$set(that.where, 'page', that.where.page + 1);
-						if (!that.productList.length) this.get_host_product();
-						}
-				})
-				// getProductslist(that.where).then(res => {
-				// 	let list = res.data;
-				// 	let productList = that.$util.SplitArray(list, that.productList);
-				// 	let loadend = list.length < that.where.limit;
-				// 	that.loadend = loadend;
-				// 	that.loading = false;
-				// 	that.loadTitle = loadend ? that.$t(`没有更多内容啦~`) : that.$t(`加载更多`);
-				// 	that.$set(that, 'productList', productList);
-				// 	that.$set(that.where, 'page', that.where.page + 1);
-				// 	if (!that.productList.length) this.get_host_product();
-				// }).catch(err => {
-				// 	that.loading = false;
-				// 	that.loadTitle = that.$t(`加载更多`);
-				// });
-			},
+					// #endif
+					break;
+				case 2:
+					if (this.price == 0) this.price = 1;
+					else if (this.price == 1) this.price = 2;
+					else if (this.price == 2) this.price = 0;
+					this.stock = 0;
+					break;
+				case 3:
+					if (this.stock == 0) this.stock = 1;
+					else if (this.stock == 1) this.stock = 2;
+					else if (this.stock == 2) this.stock = 0;
+					this.price = 0
+					break;
+				case 4:
+					this.nows = !this.nows;
+					break;
+			}
+			this.loadend = false;
+			this.$set(this.where, 'page', 1);
+			this.get_product_list(true);
 		},
-		onPullDownRefresh() {
-
+		//设置where条件
+		setWhere: function () {
+			// if (this.price == 0) this.where.priceOrder = '';
+			// else if (this.price == 1) this.where.priceOrder = 'asc';
+			// else if (this.price == 2) this.where.priceOrder = 'desc';
+			// if (this.stock == 0) this.where.salesOrder = '';
+			// else if (this.stock == 1) this.where.salesOrder = 'asc';
+			// else if (this.stock == 2) this.where.salesOrder = 'desc';
+			// this.where.news = this.nows ? 1 : 0;
 		},
-		onReachBottom() {
-			if (this.productList.length > 0) {
-				this.get_product_list();
-			} else {
-				this.get_host_product();
-			}
+		//查找产品
+		get_product_list: function (isPage) {
+			let that = this;
+			that.setWhere();
+			if (that.loadend) return;
+			if (that.loading) return;
+			if (isPage === true) that.$set(that, 'productList', []);
+			that.loading = true;
+			that.loadTitle = '';
+			// uni.request({
+			// 	url: 'api/mock/Productslist',
+			// 	success: res => {
+			// 		let list = res.data;
+			// 		let productList = that.$util.SplitArray(list, that.productList);
+			// 		let loadend = list.length < that.where.limit;
+			// 		that.loadend = loadend;
+			// 		that.loading = false;
+			// 		that.loadTitle = loadend ? that.$t(`没有更多内容啦~`) : that.$t(`加载更多`);
+			// 		that.$set(that, 'productList', productList);
+			// 		that.$set(that.where, 'page', that.where.page + 1);
+			// 		if (!that.productList.length) this.get_host_product();
+			// 	}
+			// })
+			getGoodsInfo(that.where).then(res => {
+				let list = res.data;
+				let productList = that.$util.SplitArray(list, that.productList);
+				let loadend = list.length < that.where.limit;
+				that.loadend = loadend;
+				that.loading = false;
+				that.loadTitle = loadend ? that.$t(`没有更多内容啦~`) : that.$t(`加载更多`);
+				that.$set(that, 'productList', productList);
+				that.$set(that.where, 'page', that.where.page + 1);
+				if (!that.productList.length) this.get_host_product();
+			}).catch(err => {
+				that.loading = false;
+				that.loadTitle = that.$t(`加载更多`);
+			});
+		},
+	},
+	onPullDownRefresh() {
 
+	},
+	onReachBottom() {
+		if (this.productList.length > 0) {
+			this.get_product_list();
+		} else {
+			this.get_host_product();
 		}
+
 	}
+}
 </script>
 
 <style scoped lang="scss">
-	.productList .search {
-		width: 100%;
-		height: 86rpx;
-		padding-left: 23rpx;
-		box-sizing: border-box;
-		position: fixed;
-		left: 0;
-		top: 0;
-		z-index: 9;
-	}
+.tags {
+	display: inline-block;
+	font-size: 20rpx;
+	padding: 6rpx;
+	background-color: #FCE9EC;
+	color: #EB4C63;
+	margin: 6rpx 0;
+}
 
-	.productList .search .input {
-		width: 640rpx;
-		height: 60rpx;
-		background-color: #fff;
-		border-radius: 50rpx;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-	}
+.productList .search {
+	width: 100%;
+	height: 86rpx;
+	padding-left: 23rpx;
+	box-sizing: border-box;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 9;
+}
 
-	.productList .search .input input {
-		width: 548rpx;
-		height: 100%;
-		font-size: 26rpx;
-	}
+.productList .search .input {
+	width: 640rpx;
+	height: 60rpx;
+	background-color: #fff;
+	border-radius: 50rpx;
+	padding: 0 20rpx;
+	box-sizing: border-box;
+}
 
-	.productList .search .input .placeholder {
-		color: #999;
-	}
+.productList .search .input input {
+	width: 548rpx;
+	height: 100%;
+	font-size: 26rpx;
+}
 
-	.productList .search .input .iconfont {
-		font-size: 35rpx;
-		color: #555;
-	}
+.productList .search .input .placeholder {
+	color: #999;
+}
 
-	.productList .search .icon-pailie,
-	.productList .search .icon-tupianpailie {
-		color: #fff;
-		width: 62rpx;
-		font-size: 40rpx;
-		height: 86rpx;
-		line-height: 86rpx;
-	}
+.productList .search .input .iconfont {
+	font-size: 35rpx;
+	color: #555;
+}
 
-	.productList .nav {
-		height: 86rpx;
-		color: #454545;
-		position: fixed;
-		left: 0;
-		width: 100%;
-		font-size: 28rpx;
-		background-color: #fff;
-		margin-top: 86rpx;
-		top: 0;
-		z-index: 9;
-	}
+.productList .search .icon-pailie,
+.productList .search .icon-tupianpailie {
+	color: #fff;
+	width: 62rpx;
+	font-size: 40rpx;
+	height: 86rpx;
+	line-height: 86rpx;
+}
 
-	.productList .nav .item {
-		width: 25%;
-		text-align: center;
-	}
+.productList .nav {
+	height: 86rpx;
+	color: #454545;
+	position: fixed;
+	left: 0;
+	width: 100%;
+	font-size: 28rpx;
+	background-color: #fff;
+	margin-top: 86rpx;
+	top: 0;
+	z-index: 9;
+}
 
-	.productList .nav .item.font-color {
-		font-weight: bold;
-	}
+.productList .nav .item {
+	width: 25%;
+	text-align: center;
+}
 
-	.productList .nav .item image {
-		width: 15rpx;
-		height: 19rpx;
-		margin-left: 10rpx;
-	}
+.productList .nav .item.font-color {
+	font-weight: bold;
+}
 
-	.productList .list {
-		padding: 0 20rpx;
-		margin-top: 172rpx;
-	}
+.productList .nav .item image {
+	width: 15rpx;
+	height: 19rpx;
+	margin-left: 10rpx;
+}
 
-	.productList .list.on {
-		background-color: #fff;
-		border-top: 1px solid #f6f6f6;
-	}
+.productList .list {
+	padding: 0 20rpx;
+	margin-top: 82rpx;
+}
 
-	.productList .list .item {
-		width: 345rpx;
-		margin-top: 20rpx;
-		background-color: #fff;
-		border-radius: 20rpx;
-	}
+.productList .list.on {
+	background-color: #fff;
+	border-top: 1px solid #f6f6f6;
+}
 
-	.productList .list .item.on {
-		width: 100%;
-		display: flex;
-		border-bottom: 1rpx solid #f6f6f6;
-		padding: 30rpx 0;
-		margin: 0;
-	}
+.productList .list .item {
+	width: 345rpx;
+	margin-top: 20rpx;
+	background-color: #fff;
+	border-radius: 20rpx;
+}
 
-	.productList .list .item .pictrue {
-		position: relative;
-		width: 100%;
-		height: 345rpx;
-	}
+.productList .list .item.on {
+	width: 100%;
+	display: flex;
+	border-bottom: 1rpx solid #f6f6f6;
+	padding: 30rpx 0;
+	margin: 0;
+}
 
-	.productList .list .item .pictrue.on {
-		width: 180rpx;
-		height: 180rpx;
-	}
+.productList .list .item .pictrue {
+	position: relative;
+	width: 100%;
+	height: 345rpx;
+}
 
-	.productList .list .item .pictrue image {
-		width: 100%;
-		height: 100%;
-		border-radius: 20rpx 20rpx 0 0;
-	}
+.productList .list .item .pictrue.on {
+	width: 180rpx;
+	height: 180rpx;
+}
 
-	.productList .list .item .pictrue image.on {
-		border-radius: 6rpx;
-	}
+.productList .list .item .pictrue image {
+	width: 100%;
+	height: 100%;
+	border-radius: 20rpx 20rpx 0 0;
+}
 
-	.productList .list .item .text {
-		padding: 20rpx 17rpx 26rpx 17rpx;
-		font-size: 30rpx;
-		color: #222;
-	}
+.productList .list .item .pictrue image.on {
+	border-radius: 6rpx;
+}
 
-	.productList .list .item .text.on {
-		width: 508rpx;
-		padding: 0 0 0 22rpx;
-	}
+.productList .list .item .text {
+	padding: 20rpx 17rpx 26rpx 17rpx;
+	font-size: 30rpx;
+	color: #222;
+}
 
-	.productList .list .item .text .money {
-		font-size: 26rpx;
-		font-weight: bold;
-		margin-top: 8rpx;
-	}
+.productList .list .item .text.on {
+	width: 508rpx;
+	padding: 0 0 0 22rpx;
+}
 
-	.productList .list .item .text .money.on {
-		margin-top: 50rpx;
-	}
+.productList .list .item .text .money {
+	font-size: 26rpx;
+	font-weight: bold;
+	margin-top: 8rpx;
+}
 
-	.productList .list .item .text .money .num {
-		font-size: 34rpx;
-	}
+.productList .list .item .text .money.on {
+	margin-top: 20rpx;
+}
 
-	.productList .list .item .text .vip {
-		font-size: 22rpx;
-		color: #aaa;
-		margin-top: 7rpx;
-	}
+.productList .list .item .text .money .num {
+	font-size: 34rpx;
+}
 
-	.productList .list .item .text .vip.on {
-		margin-top: 12rpx;
-	}
+.productList .list .item .text .vip {
+	font-size: 22rpx;
+	color: #aaa;
+	margin-top: 7rpx;
+}
 
-	.productList .list .item .text .vip .vip-money {
-		font-size: 24rpx;
-		color: #282828;
-		font-weight: bold;
-	}
+.productList .list .item .text .vip.on {
+	margin-top: 12rpx;
+}
 
-	.productList .list .item .text .vip .vip-money image {
-		width: 46rpx;
-		height: 21rpx;
-		margin-left: 4rpx;
-	}
+.productList .list .item .text .vip .vip-money {
+	font-size: 24rpx;
+	color: #282828;
+	font-weight: bold;
+}
 
-	.noCommodity {
-		background-color: #fff;
-		padding-bottom: 30rpx;
-		.emptyBox{
-			text-align: center;
-			padding-top: 20rpx;
-			.tips{
-				color: #aaa;
-				font-size: 26rpx;
-			}
-			image {
-				width: 414rpx;
-				height: 304rpx;
-			}
+.productList .list .item .text .vip .vip-money image {
+	width: 46rpx;
+	height: 21rpx;
+	margin-left: 4rpx;
+}
+
+.noCommodity {
+	background-color: #fff;
+	padding-bottom: 30rpx;
+
+	.emptyBox {
+		text-align: center;
+		padding-top: 20rpx;
+
+		.tips {
+			color: #aaa;
+			font-size: 26rpx;
+		}
+
+		image {
+			width: 414rpx;
+			height: 304rpx;
 		}
 	}
+}
 </style>

pages/index/diy/components/headerSerch.vue

@@ -35,7 +35,7 @@
 					<view class="logo skeleton-rect" v-if="logoConfig">
 						<image src="../../../../static/images/logo@2x.png" mode="heightFix"></image>
 					</view>
-					<navigator url="/pages/goods/goods_search/index" class="input acea-row row-middle skeleton-rect"
+					<navigator url="/pages/goods/goods_list/index" class="input acea-row row-middle skeleton-rect"
 						:class="[boxStyle?'':'fillet',logoConfig?'':'on',txtStyle?'row-center':'']" hover-class="none">
 						<text class="iconfont icon-sousuo"></text>
 						{{$t(`搜索商品名称`)}}