商品分类初始化

api/home.js

@@ -13,28 +13,37 @@ export function getNoticeList(data) {
 	return request.get("v1/notice-list",data);
 }
 
-// 查询一级商品分类
-export function get1(data) {
-	return request.get("v1/category/list",data);
-}
-
 // 根据一级商品分类查询二级商品分类
 export function getCategoryOne(data) {
-	return request.get("v1/re/category/list",data);
+	return request.get("/v1/re/category/list",data);
 }
 
-// 根据二级商品分类查询商品列表
+// 根据一级商品分类查询二级商品分类
 export function getCategoryTwo(data) {
 	return request.get("v1/re/category/list",data);
 }
 
-// 根据商品列表商品Id查询商品明细
+// 商品分页查询
+export function getGoodsPage(data) {
+	return request.get("v1/goods-page",data);
+}
+
+// 根据二级商品分类Id查询商品列表
 export function get4(data) {
-	return request.get("v1/category/list",data);
+	return request.get("",data);
 }
 
-// 根据商品列表商品Id查询商品明细
+// 根据商品Id查询商品明细
 export function get5(data) {
-	return request.get("v1/category/list",data);
+	return request.get("",data);
+}
+
+// 爆款专区商品列表查询
+export function get6(data) {
+	return request.get("",data);
 }
 
+// 商品推荐商品列表查询
+export function get7(data) {
+	return request.get("",data);
+}

pages/goods_cate/goods_cate1.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class='productSort copy-data' :style="{height:pageHeight}">
+	<view class='productSort copy-data' :style="{ height: pageHeight }">
 		<!-- #ifdef APP-PLUS || MP -->
 		<!-- <view class="sys-head" :style="{height:sysHeight}"></view> -->
 		<!-- #endif -->
@@ -7,15 +7,15 @@
 			<view class='acea-row row-between-wrapper input'>
 				<text class='iconfont icon-sousuo'></text>
 				<input type='text' :placeholder="$t('搜索商品名称')" @confirm="searchSubmitValue" confirm-type='search'
-					name="search" placeholder-class='placeholder'></input>
+					name="search" placeholder-class='placeholder'/>
 			</view>
 		</view>
 		<view class="scroll-box">
 			<view class='aside'>
 				<scroll-view scroll-y="true" scroll-with-animation='true' style="height: calc(100% - 100rpx)">
-					<view class='item acea-row row-center-wrapper' :class='index==navActive?"on":""'
-						v-for="(item,index) in productList" :key="index" @click='tap(index,"b"+index)'>
-						<text>{{$t(item.cate_name)}}</text>
+					<view class='item acea-row row-center-wrapper' :class='index == navActive ? "on" : ""'
+						v-for="(item, index) in productList" :key="index" @click='tap(item,index,"b"+index)'>
+						<text>{{ $t(item.title) }}</text>
 					</view>
 					<!-- #ifdef APP-PLUS -->
 					<view class="item" v-if="newData.status && newData.status.status"></view>
@@ -26,45 +26,51 @@
 			<view class='conter'>
 				<scroll-view scroll-y="true" :scroll-into-view="toView" @scroll="scroll" scroll-with-animation='true'
 					style="height: 100%;" class="conterScroll">
-					<block v-for="(item,index) in productList" :key="index">
-						<view class='listw' :id="'b'+index">
-							<view class='title acea-row row-center-wrapper'>
+					<block>
+						<view >
+							<u--image :showLoading="true" radius="8" :src="src" width="98%" height="60px"></u--image>
+							<!-- <u--image :showLoading="true" radius="8" :src="selectItem.logo" width="98%" height="60px"></u--image> -->
+						</view>
+						<view class='listw' :id="'b' + index">
+							<!-- <view class='title acea-row row-center-wrapper'>
 								<view class='line'></view>
-								<view class='name'>{{$t(item.cate_name)}}</view>
+								<view class='name'>{{ $t(item.cate_name) }}</view>
 								<view class='line'></view>
-							</view>
+							</view> -->
 							<view class='list acea-row'>
-								<block v-for="(itemn,indexn) in item.children" :key="indexn">
+								<block v-for="(itemn, indexn) in productList2" :key="indexn">
 									<navigator hover-class='none'
-										:url='"/pages/goods/goods_list/index?sid="+itemn.id+"&title="+itemn.cate_name'
+										:url='"/pages/goods/goods_list/index?sid=" + itemn.id + "&title=" + itemn.title'
 										class='item acea-row row-column row-middle'>
 										<view class='picture'>
-											<image :src='itemn.pic' v-if="itemn.pic"></image>
+											<image :src='itemn.logo' v-if="itemn.logo1"></image>
 											<image src="/static/images/sort-img.png" v-else></image>
 										</view>
-										<view class='name line1'>{{$t(itemn.cate_name)}}</view>
+										<view class='name line1'>{{ $t(itemn.title) }}</view>
 									</navigator>
 								</block>
 							</view>
 						</view>
 					</block>
-					<view :style='"height:"+(height-300)+"rpx;"' v-if="number<15"></view>
+					<view :style='"height:" + (height - 300) + "rpx;"' v-if="number < 15"></view>
 				</scroll-view>
 			</view>
 		</view>
 		<view class="foot" v-if="is_diy && newData.status && newData.status.status">
-			<view class="page-footer" id="target" :style="{'background-color':newData.bgColor.color[0].item}">
-				<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index" @click="goRouter(item)">
+			<view class="page-footer" id="target" :style="{ 'background-color': newData.bgColor.color[0].item }">
+				<view class="foot-item" v-for="(item, index) in newData.menuList" :key="index" @click="goRouter(item)">
 					<block v-if="item.link == activeRouter">
 						<image :src="item.imgList[0]"></image>
-						<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{$t(item.name)}}</view>
+						<view class="txt" :style="{ color: newData.activeTxtColor.color[0].item }">
+							{{ $t(item.name) }}</view>
 					</block>
 					<block v-else>
 						<image :src="item.imgList[1]"></image>
-						<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{$t(item.name)}}</view>
+						<view class="txt" :style="{ color: newData.txtColor.color[0].item }">
+							{{ $t(item.name) }}</view>
 					</block>
 					<div class="count-num" v-if="item.link === '/pages/order_addcart/order_addcart' && cartNum > 0">
-						{{cartNum}}
+						{{ cartNum }}
 					</div>
 				</view>
 			</view>
@@ -73,69 +79,92 @@
 </template>
 
 <script>
-	let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
-	import {
-		getCategoryList
-	} from '@/api/store.js';
-	import {
-		mapState,
-		mapGetters
-	} from "vuex"
-	import pageFooter from '@/components/pageFooter/index.vue'
-	import {
-		getNavigation
-	} from '@/api/public.js'
-	const app = getApp();
-	export default {
-		components: {
-			pageFooter
-		},
-		data() {
-			return {
-				navlist: [],
-				productList: [],
-				navActive: 0,
-				number: "",
-				is_diy: uni.getStorageSync('is_diy'),
-				height: 0,
-				hightArr: [],
-				toView: "",
-				tabbarH: 0,
-				footH: 0,
-				windowHeight: 0,
-				newData: {},
-				activeRouter: '',
-				pageHeight: '100%',
-				sysHeight: sysHeight,
-				// #ifdef APP-PLUS
-				pageHeight: app.globalData.windowHeight,
-				// #endif
-				footerStatus: false,
-				lock: false
+import { getCategoryOne, getCategoryTwo } from '@/api/home.js'
+let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
+import {
+	getCategoryList
+} from '@/api/store.js';
+import {
+	mapState,
+	mapGetters
+} from "vuex"
+import pageFooter from '@/components/pageFooter/index.vue'
+import {
+	getNavigation
+} from '@/api/public.js'
+const app = getApp();
+export default {
+	components: {
+		pageFooter
+	},
+	data() {
+		return {
+			selectItem: [],
+			src: 'https://cdn.uviewui.com/uview/swiper/swiper1.png',
+			navlist: [],
+			productList: [],
+			productList2: [],
+			navActive: 0,
+			number: "",
+			is_diy: uni.getStorageSync('is_diy'),
+			height: 0,
+			hightArr: [],
+			toView: "",
+			tabbarH: 0,
+			footH: 0,
+			windowHeight: 0,
+			newData: {},
+			activeRouter: '',
+			pageHeight: '100%',
+			sysHeight: sysHeight,
+			// #ifdef APP-PLUS
+			pageHeight: app.globalData.windowHeight,
+			// #endif
+			footerStatus: false,
+			lock: false
+		}
+	},
+	computed: {
+		...mapState({
+			cartNum: state => state.indexData.cartNum
+		})
+	},
+	created() {
+		this.getCategoryOne()
+	},
+	mounted() {
+		let that = this
+		let routes = getCurrentPages();
+		let curRoute = routes[routes.length - 1].route
+		this.activeRouter = '/' + curRoute
+		// this.getAllCategory();
+
+		// #ifdef H5
+		uni.getSystemInfo({
+			success: function (res) {
+				that.pageHeight = res.windowHeight + 'px'
 			}
-		},
-		computed: {
-			...mapState({
-				cartNum: state => state.indexData.cartNum
+		});
+		// #endif
+	},
+	methods: {
+		getCategoryOne() {
+			getCategoryOne().then(res => {
+				if (res.data.length > 0) {
+					this.productList = res.data
+					this.selectItem = res.data[0]
+					this.getCategoryTwo(res.data[0].id)
+				}
 			})
 		},
-		mounted() {
-			let that = this
-			let routes = getCurrentPages();
-			let curRoute = routes[routes.length - 1].route
-			this.activeRouter = '/' + curRoute
-			this.getAllCategory();
-
-			// #ifdef H5
-			uni.getSystemInfo({
-				success: function(res) {
-					that.pageHeight = res.windowHeight + 'px'
-				}
-			});
-			// #endif
+		getCategoryTwo(id) {
+			getCategoryTwo({
+				parentId: id
+			}).then(res => {
+				this.productList2 = res.data
+			})
 		},
-		methods: {
-			getNav() {
+		getNav() {
 			// uni.request({
 			// 	url:'api/mock/navigation',
 			// 	success:res=>{
@@ -148,331 +177,337 @@
 			// 	}
 			// })
 			// getNavigation().then(res => {
-				// this.newData = res
-				// if (this.newData.status && this.newData.status.status) {
-				// 	uni.hideTabBar()
-				// } else {
-				// 	uni.showTabBar()
-				// }
+			// this.newData = res
+			// if (this.newData.status && this.newData.status.status) {
+			// 	uni.hideTabBar()
+			// } else {
+			// 	uni.showTabBar()
+			// }
 			// })
-			},
-			goRouter(item) {
-				var pages = getCurrentPages();
-				var page = (pages[pages.length - 1]).$page.fullPath;
-				if (item.link == page) return
-				uni.switchTab({
-					url: item.link,
-					fail(err) {
-						uni.redirectTo({
-							url: item.link
-						})
-					}
-				})
-			},
-			footHeight(data) {
-				this.footH = data
-
-			},
-			infoScroll: function() {
-				let that = this;
-				let len = that.productList.length;
-				this.number = that.productList[len - 1].children.length;
-				//设置商品列表高度
-				uni.getSystemInfo({
-					success: function(res) {
-						that.height = (res.windowHeight) * (750 / res.windowWidth) - 98;
-					},
+		},
+		goRouter(item) {
+			var pages = getCurrentPages();
+			var page = (pages[pages.length - 1]).$page.fullPath;
+			if (item.link == page) return
+			uni.switchTab({
+				url: item.link,
+				fail(err) {
+					uni.redirectTo({
+						url: item.link
+					})
+				}
+			})
+		},
+		footHeight(data) {
+			this.footH = data
+
+		},
+		infoScroll: function () {
+			let that = this;
+			let len = that.productList.length;
+			this.number = that.productList[len - 1].children.length;
+			//设置商品列表高度
+			uni.getSystemInfo({
+				success: function (res) {
+					that.height = (res.windowHeight) * (750 / res.windowWidth) - 98;
+				},
+			});
+			let height = 0;
+			let hightArr = [];
+			for (let i = 0; i < len; i++) {
+				//获取元素所在位置
+				let query = uni.createSelectorQuery().in(this);
+				let idView = "#b" + i;
+				query.select(idView).boundingClientRect();
+				query.exec(function (res) {
+					let top = res[0].top;
+					hightArr.push(top);
+					that.hightArr = hightArr
 				});
-				let height = 0;
-				let hightArr = [];
-				for (let i = 0; i < len; i++) {
-					//获取元素所在位置
-					let query = uni.createSelectorQuery().in(this);
-					let idView = "#b" + i;
-					query.select(idView).boundingClientRect();
-					query.exec(function(res) {
-						let top = res[0].top;
-						hightArr.push(top);
-						that.hightArr = hightArr
-					});
-				};
-			},
-			tap: function(index, id) {
-				this.toView = id;
-				this.navActive = index;
-				this.$set(this, 'lock', true);
-			},
-			getAllCategory: function() {
-				let that = this;
-				uni.request({
-					url:'api/mock/getCategoryList',
-					success:res=>{
-						that.productList = res.data;
-						that.$nextTick(res => {
+			};
+		},
+		tap: function (item,index,id) {
+			this.selectItem = item
+			this.getCategoryTwo(item.id)
+			this.toView = id;
+			this.navActive = index;
+			this.$set(this, 'lock', true);
+		},
+		getAllCategory: function () {
+			let that = this;
+			uni.request({
+				url: 'api/mock/getCategoryList',
+				success: res => {
+					that.productList = res.data;
+					that.$nextTick(res => {
 						that.infoScroll();
 					})
-					}
-				})
-				// getCategoryList().then(res => {
-				// 	that.productList = res.data;
-				// 	that.$nextTick(res => {
-				// 		that.infoScroll();
-				// 	})
-				// })
-			},
-			scroll: function(e) {
-				let scrollTop = e.detail.scrollTop;
-				let scrollArr = this.hightArr;
-				if (this.lock) {
-					this.$set(this, 'lock', false);
-					return;
 				}
-				for (let i = 0; i < scrollArr.length; i++) {
-					if (scrollTop >= 0 && scrollTop < scrollArr[1] - scrollArr[0]) {
-						this.navActive = 0
-					} else if (scrollTop >= scrollArr[i] - scrollArr[0] && scrollTop < scrollArr[i + 1] - scrollArr[
-							0]) {
-						this.navActive = i
-					} else if (scrollTop >= scrollArr[scrollArr.length - 1] - scrollArr[0]) {
-						this.navActive = scrollArr.length - 1
-					}
+			})
+			// getCategoryList().then(res => {
+			// 	that.productList = res.data;
+			// 	that.$nextTick(res => {
+			// 		that.infoScroll();
+			// 	})
+			// })
+		},
+		scroll: function (e) {
+			let scrollTop = e.detail.scrollTop;
+			let scrollArr = this.hightArr;
+			if (this.lock) {
+				this.$set(this, 'lock', false);
+				return;
+			}
+			for (let i = 0; i < scrollArr.length; i++) {
+				if (scrollTop >= 0 && scrollTop < scrollArr[1] - scrollArr[0]) {
+					this.navActive = 0
+				} else if (scrollTop >= scrollArr[i] - scrollArr[0] && scrollTop < scrollArr[i + 1] - scrollArr[
+					0]) {
+					this.navActive = i
+				} else if (scrollTop >= scrollArr[scrollArr.length - 1] - scrollArr[0]) {
+					this.navActive = scrollArr.length - 1
 				}
-			},
-			searchSubmitValue: function(e) {
-				if (this.$util.trim(e.detail.value).length > 0)
-					uni.navigateTo({
-						url: '/pages/goods/goods_list/index?searchValue=' + e.detail.value
-					})
-				else
-					return this.$util.Tips({
-						title: this.$t(`搜索商品名称`)
-					});
-			},
-		}
+			}
+		},
+		searchSubmitValue: function (e) {
+			if (this.$util.trim(e.detail.value).length > 0)
+				uni.navigateTo({
+					url: '/pages/goods/goods_list/index?searchValue=' + e.detail.value
+				})
+			else
+				return this.$util.Tips({
+					title: this.$t(`搜索商品名称`)
+				});
+		},
 	}
+}
 </script>
 <style>
-	page {
-		height: 100%;
-	}
+page {
+	height: 100%;
+}
 </style>
 <style scoped lang="scss">
-	/deep/uni-scroll-view {
-		padding-bottom: 0 !important;
-	}
-
-	.sys-title {
-		z-index: 10;
-		position: relative;
-		height: 40px;
-		line-height: 40px;
-		font-size: 30rpx;
-		color: #333;
-		background-color: #fff;
-		// #ifdef APP-PLUS
-		text-align: center;
-		// #endif
-		// #ifdef MP
-		text-align: left;
-		padding-left: 30rpx;
-		// #endif
-	}
-
-	.sys-head {
-		background-color: #fff;
-	}
-
-	.productSort {
+/deep/uni-scroll-view {
+	padding-bottom: 0 !important;
+}
+
+.sys-title {
+	z-index: 10;
+	position: relative;
+	height: 40px;
+	line-height: 40px;
+	font-size: 30rpx;
+	color: #333;
+	background-color: #fff;
+	// #ifdef APP-PLUS
+	text-align: center;
+	// #endif
+	// #ifdef MP
+	text-align: left;
+	padding-left: 30rpx;
+	// #endif
+}
+
+.sys-head {
+	background-color: #fff;
+}
+
+.productSort {
+	display: flex;
+	flex-direction: column;
+	//#ifdef MP
+	height: calc(100vh - var(--window-top)) !important;
+	//#endif
+	//#ifndef MP
+	height: 100vh //#endif
+}
+
+.productSort .header {
+	width: 100%;
+	height: 96rpx;
+	background-color: #fff;
+	border-bottom: 1rpx solid #f5f5f5;
+}
+
+.productSort .header .input {
+	width: 700rpx;
+	height: 60rpx;
+	background-color: #f5f5f5;
+	border-radius: 50rpx;
+	box-sizing: border-box;
+	padding: 0 25rpx;
+}
+
+.productSort .header .input .iconfont {
+	font-size: 35rpx;
+	color: #555;
+}
+
+.productSort .header .input .placeholder {
+	color: #999;
+}
+
+.productSort .header .input input {
+	font-size: 26rpx;
+	height: 100%;
+	width: 597rpx;
+}
+
+.productSort .scroll-box {
+	flex: 1;
+	overflow: hidden;
+	display: flex;
+}
+
+// #ifndef MP
+uni-scroll-view {
+	padding-bottom: 100rpx;
+}
+
+// #endif
+
+.productSort .aside {
+	width: 180rpx;
+	height: 100%;
+	overflow: hidden;
+	background-color: #f7f7f7;
+}
+
+.productSort .aside .item {
+	height: 100rpx;
+	width: 100%;
+	font-size: 26rpx;
+	color: #424242;
+	text-align: center;
+}
+
+.productSort .aside .item.on {
+	background-color: #fff;
+	border-left: 4rpx solid var(--view-theme);
+	width: 100%;
+	color: var(--view-theme);
+	font-weight: bold;
+}
+
+.productSort .conter {
+	flex: 1;
+	height: 100%;
+	overflow: hidden;
+	padding: 0 14rpx;
+	background-color: #fff;
+	position: relative;
+}
+
+.productSort .conter .listw {
+	padding-top: 20rpx;
+}
+
+.productSort .conter .listw .title {
+	height: 90rpx;
+}
+
+.productSort .conter .listw .title .line {
+	width: 100rpx;
+	height: 2rpx;
+	background-color: #f0f0f0;
+}
+
+.productSort .conter .listw .title .name {
+	font-size: 28rpx;
+	color: #333;
+	margin: 0 30rpx;
+	font-weight: bold;
+}
+
+.productSort .conter .list {
+	flex-wrap: wrap;
+}
+
+.productSort .conter .list .item {
+	width: 177rpx;
+	margin-top: 26rpx;
+}
+
+.productSort .conter .list .item .picture {
+	width: 120rpx;
+	height: 120rpx;
+	border-radius: 50%;
+}
+
+.productSort .conter .list .item .picture image {
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+}
+
+.productSort .conter .list .item .name {
+	font-size: 24rpx;
+	color: #333;
+	height: 56rpx;
+	line-height: 56rpx;
+	width: 120rpx;
+	text-align: center;
+}
+
+.page-footer {
+	position: fixed;
+	bottom: 0;
+	z-index: 30;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	width: 100%;
+	height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
+	height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
+	box-sizing: border-box;
+	border-top: solid 1rpx #F3F3F3;
+	background-color: #fff;
+	box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
+	padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
+	padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
+
+	.foot-item {
 		display: flex;
+		width: max-content;
+		align-items: center;
+		justify-content: center;
 		flex-direction: column;
-		//#ifdef MP
-		height: calc(100vh - var(--window-top)) !important;
-		//#endif
-		//#ifndef MP
-		height: 100vh //#endif
-	}
-
-	.productSort .header {
-		width: 100%;
-		height: 96rpx;
-		background-color: #fff;
-		border-bottom: 1rpx solid #f5f5f5;
-	}
-
-	.productSort .header .input {
-		width: 700rpx;
-		height: 60rpx;
-		background-color: #f5f5f5;
-		border-radius: 50rpx;
-		box-sizing: border-box;
-		padding: 0 25rpx;
-	}
-
-	.productSort .header .input .iconfont {
-		font-size: 35rpx;
-		color: #555;
-	}
-
-	.productSort .header .input .placeholder {
-		color: #999;
-	}
-
-	.productSort .header .input input {
-		font-size: 26rpx;
-		height: 100%;
-		width: 597rpx;
-	}
-
-	.productSort .scroll-box {
-		flex: 1;
-		overflow: hidden;
-		display: flex;
-	}
-
-	// #ifndef MP
-	uni-scroll-view {
-		padding-bottom: 100rpx;
-	}
-
-	// #endif
-
-	.productSort .aside {
-		width: 180rpx;
-		height: 100%;
-		overflow: hidden;
-		background-color: #f7f7f7;
-	}
-
-	.productSort .aside .item {
-		height: 100rpx;
-		width: 100%;
-		font-size: 26rpx;
-		color: #424242;
-		text-align: center;
-	}
-
-	.productSort .aside .item.on {
-		background-color: #fff;
-		border-left: 4rpx solid var(--view-theme);
-		width: 100%;
-		color: var(--view-theme);
-		font-weight: bold;
-	}
-
-	.productSort .conter {
-		flex: 1;
-		height: 100%;
-		overflow: hidden;
-		padding: 0 14rpx;
-		background-color: #fff;
 		position: relative;
-	}
-
-	.productSort .conter .listw {
-		padding-top: 20rpx;
-	}
 
-	.productSort .conter .listw .title {
-		height: 90rpx;
-	}
-
-	.productSort .conter .listw .title .line {
-		width: 100rpx;
-		height: 2rpx;
-		background-color: #f0f0f0;
-	}
-
-	.productSort .conter .listw .title .name {
-		font-size: 28rpx;
-		color: #333;
-		margin: 0 30rpx;
-		font-weight: bold;
-	}
-
-	.productSort .conter .list {
-		flex-wrap: wrap;
-	}
-
-	.productSort .conter .list .item {
-		width: 177rpx;
-		margin-top: 26rpx;
-	}
-
-	.productSort .conter .list .item .picture {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 50%;
-	}
-
-	.productSort .conter .list .item .picture image {
-		width: 100%;
-		height: 100%;
-		border-radius: 50%;
-	}
-
-	.productSort .conter .list .item .name {
-		font-size: 24rpx;
-		color: #333;
-		height: 56rpx;
-		line-height: 56rpx;
-		width: 120rpx;
-		text-align: center;
-	}
-
-	.page-footer {
-		position: fixed;
-		bottom: 0;
-		z-index: 30;
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
-		width: 100%;
-		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		box-sizing: border-box;
-		border-top: solid 1rpx #F3F3F3;
-		background-color: #fff;
-		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
-		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
-		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
-
-		.foot-item {
+		.count-num {
+			position: absolute;
 			display: flex;
-			width: max-content;
-			align-items: center;
 			justify-content: center;
-			flex-direction: column;
-			position: relative;
-
-			.count-num {
-				position: absolute;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 40rpx;
-				height: 40rpx;
-				top: 0rpx;
-				right: -15rpx;
-				color: #fff;
-				font-size: 20rpx;
-				background-color: #FD502F;
-				border-radius: 50%;
-				padding: 4rpx;
-			}
+			align-items: center;
+			width: 40rpx;
+			height: 40rpx;
+			top: 0rpx;
+			right: -15rpx;
+			color: #fff;
+			font-size: 20rpx;
+			background-color: #FD502F;
+			border-radius: 50%;
+			padding: 4rpx;
 		}
+	}
 
-		.foot-item image {
-			height: 50rpx;
-			width: 50rpx;
-			text-align: center;
-			margin: 0 auto;
-		}
+	.foot-item image {
+		height: 50rpx;
+		width: 50rpx;
+		text-align: center;
+		margin: 0 auto;
+	}
 
-		.foot-item .txt {
-			font-size: 24rpx;
+	.foot-item .txt {
+		font-size: 24rpx;
 
 
-			&.active {}
-		}
+		&.active {}
+	}
+	.fixed-image {
+		position: fixed !important;
+		width: 74%;
 	}
+}
 </style>

pages/index/diy/components/goodListMall.vue

@@ -5,7 +5,7 @@
 			<u-tabs :list="navigationList2" @click="clickNav" lineColor="#EB4C63" :inactiveStyle="{ color: '#333' }"
 				:activeStyle="{ color: '#EB4C63', fontWeight: 'bold' }" keyName="title"></u-tabs>
 		</view>
-		<!-- 首发新品 -->
+		<!-- 商品列表 -->
 		<view class="list-box animated" :class='tempArr.length > 0 ? "fadeIn on" : ""'>
 			<view class="item" v-for="(item, index) in tempArr" :key="index" @click="goDetail(item)">
 				<view class="pictrue">
@@ -15,19 +15,21 @@
 						v-if="item.activity && item.activity.type === '2'">{{ $t(`砍价`) }}</span>
 					<span class="pictrue_log pictrue_log_class" :style="'background-color:' + labelColor"
 						v-if="item.activity && item.activity.type === '3'">{{ $t(`拼团`) }}</span>
-					<image :src="item.image" mode="aspectFit"></image>
+					<!-- <image :src="item.goodsImg" mode="aspectFit"></image> -->
+					<image src="../../../../static/goods@2x.png" mode="aspectFit"></image>
 				</view>
 				<view class="text-info">
 					<view class="title" v-if="titleShow">
-						<u-text prefixIcon="bookmark" iconStyle="font-size: 16px; color:red" :lines="2" bold block size="12" :text="item.store_name"></u-text>
+						<u-text :prefixIcon="item.isHot == 1?'bookmark':''" iconStyle="font-size: 16px; color:red" :lines="2" bold block
+							size="12" :text="item.goodsName"></u-text>
 					</view>
-					<view class="tags" v-if="opriceShow">赠送{{ item.ot_price }}红积分</view>
+					<view class="tags" v-if="opriceShow">赠送{{ item.goodsPrice }}红积分</view>
 					<view class="price" :style="{ color: fontColor }">
 						<view v-if="priceShow">
-							<text>{{ $t(`￥`) }}</text>{{ item.price }}
+							<text>{{ $t(`￥`) }}</text>{{ item.goodsPrice }}
 						</view>
 						<view class="txt" :style="'border:1px solid ' + labelColor + ';color:' + labelColor"
-							:class="priceShow ? '' : 'on'" v-if="item.checkCoupon && couponShow">{{ $t(`券`) }}</view>
+							:class="priceShow ? '' : 'on'" v-if="item.isNew">{{ $t(`新`) }}</view>
 					</view>
 				</view>
 			</view>
@@ -36,7 +38,7 @@
 </template>
 
 <script>
-import { getAdsList, getNoticeList, getCategoryTwo } from '@/api/home.js'
+import { getGoodsPage, getCategoryTwo } from '@/api/home.js'
 export default {
 	name: 'promotionList',
 	props: {
@@ -62,20 +64,8 @@ export default {
 		}
 	},
 	watch: {
-		cartNum(newCart, b) {
-			this.$store.commit('indexData/setCartNum', newCart + '')
-			if (newCart > 0) {
-				uni.setTabBarBadge({
-					index: Number(uni.getStorageSync('FOOTER_ADDCART')) || 2,
-					text: newCart + ''
-				})
-			} else {
-				uni.hideTabBarRedDot({
-					index: Number(uni.getStorageSync('FOOTER_ADDCART')) || 2
-				})
-			}
-		},
-		currentId(Id){
+		currentId(Id) {
+			console.log(Id);
 			this.getCategoryTwo(Id)
 		}
 	},
@@ -267,18 +257,31 @@ export default {
 		};
 	},
 	created() {
-		this.getCategoryTwo(this.currentId)
+		// this.getCategoryTwo(this.currentId)
 	},
 	methods: {
 		clickNav(e) {
-			console.log(e)
+			this.getGoodsPage(e.id)
 		},
-		getCategoryTwo(Id){
+		getCategoryTwo(Id) {
 			getCategoryTwo({
 				parentId: Id
-			}).then(res => [
+			}).then(res => {
 				this.navigationList2 = res.data
-			])
+				if (res.data.length > 0) {
+					this.getGoodsPage(res.data[0].id)
+				}
+			})
+		},
+
+		getGoodsPage(typeId) {
+			getGoodsPage({
+				type: typeId,
+				size:999999
+			}).then(res => {
+				this.tempArr = []
+				this.tempArr = res.data
+			})
 		},
 		// 首发新品切换
 		ProductNavTab(type, index) {

pages/index/diy/index_mall.vue

@@ -67,7 +67,7 @@
 					</view>
 					<view class="goods-scroll">
 						<scroll-view scroll-x="true">
-							<view class="goods-item" v-for="(item, index) in tempArr" :key="index"
+							<view class="goods-item" v-for="(item, index) in tempArrBao" :key="index"
 								@click="goDetail(item)">
 								<image :src="item.image" mode="aspectFit"></image>
 								<view class="goods-name">
@@ -93,7 +93,7 @@
 			</view>
 		</view>
 
-		<view class="tab-content" v-if="current >= 1">
+		<view class="tab-content" v-show="current >= 1">
 			<!-- 轮播 -->
 			<view class="swiper-group">
 				<u-swiper :list="swiperList" indicator indicatorMode="line" circular></u-swiper>
@@ -105,7 +105,7 @@
 					:activeStyle="{ color: '#EB4C63', fontWeight: 'bold' }"></u-tabs>
 			</view>
 			<!-- 商品列表 -->
-			<goodListMall @changeTab="changeTab" :tempArr="tempArr" :iSshowH="true" @detail="goDetail"
+			<goodListMall @changeTab="changeTab" :iSshowH="true" @detail="goDetail"
 				:currentId="currentId"
 				:isSortType="isSortType"></goodListMall>
 		</view>
@@ -115,7 +115,7 @@
 <script>
 import headerSerch from './components/headerSerch';
 import goodListMall from './components/goodListMall';
-import { getAdsList, getNoticeList, getCategoryOne } from '../../../api/home.js'
+import { getAdsList, getNoticeList, getCategoryOne, getGoodsPage } from '../../../api/home.js'
 import {
 	goShopDetail
 } from '@/libs/order.js';
@@ -129,7 +129,8 @@ export default {
 			currentId: '',
 			noticeShow: false,
 			noticeContent: '',
-			tempArr: [
+			tempArr:[],
+			tempArrBao: [
 				{
 					"id": 72,
 					"image": "https://demo26.crmeb.net/uploads/attach/2021/11/20211112/mid_1608a6e46f559f11328c544fa05ea10b.png",
@@ -659,10 +660,18 @@ export default {
 		this.getCategoryOne()
 		this.getAdsList()
 		this.getNoticeList()
+		this.getGoodsPage()
 	},
 	onLoad() {
 	},
 	methods: {
+		getGoodsPage(){
+			getGoodsPage({
+				type: 2
+			}).then(res =>{
+				this.tempArr = res.data
+			})
+		},
 		getCategoryOne() {
 			getCategoryOne().then(res => {
 				console.log(res.data);
@@ -786,7 +795,9 @@ export default {
 		},
 		clickNav(e) {
 			this.current = e.index
-			this.currentId = e.id
+			if(e.index > 0){
+				this.currentId = e.id
+			}
 		}
 	}
 }