分类查询更新

api/home.js

@@ -19,13 +19,13 @@ export function get1(data) {
 }
 
 // 根据一级商品分类查询二级商品分类
-export function get2(data) {
-	return request.get("v1/category/list",data);
+export function getCategoryOne(data) {
+	return request.get("v1/re/category/list",data);
 }
 
 // 根据二级商品分类查询商品列表
-export function get3(data) {
-	return request.get("v1/category/list",data);
+export function getCategoryTwo(data) {
+	return request.get("v1/re/category/list",data);
 }
 
 // 根据商品列表商品Id查询商品明细

pages/index/diy/components/goodListMall.vue

@@ -2,8 +2,8 @@
 	<view class="index-product-wrapper" :class="iSshowH ? 'on' : ''" :style="'margin-top:'+mbConfig*2+'rpx;'"
 		v-show="!isSortType">
 		<view v-if="iSshowH">
-			<u-tabs :list="navigationList2" @click="" lineColor="#EB4C63" :inactiveStyle="{ color: '#333' }"
-				:activeStyle="{ color: '#EB4C63', fontWeight: 'bold' }"></u-tabs>
+			<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" : ""'>
@@ -36,6 +36,7 @@
 </template>
 
 <script>
+import { getAdsList, getNoticeList, getCategoryTwo } from '@/api/home.js'
 export default {
 	name: 'promotionList',
 	props: {
@@ -54,27 +55,33 @@ export default {
 		isSortType: {
 			type: String | Number,
 			default: 0
+		},
+		currentId: {
+			type: String | Number,
+			default: 0
+		}
+	},
+	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){
+			this.getCategoryTwo(Id)
 		}
 	},
 	data() {
 		return {
-			navigationList2: [{
-				name: 'Tab1',
-			}, {
-				name: 'Tab2'
-			}, {
-				name: 'Tab2'
-			}, {
-				name: 'Tab3'
-			}, {
-				name: 'Tab4'
-			}, {
-				name: 'Tab5'
-			}, {
-				name: 'Tab6'
-			}, {
-				name: 'Tab7'
-			}],
+			navigationList2: [],
 			ProductNavindex: 0,
 			explosiveMoney: [
 				{
@@ -260,8 +267,19 @@ export default {
 		};
 	},
 	created() {
+		this.getCategoryTwo(this.currentId)
 	},
 	methods: {
+		clickNav(e) {
+			console.log(e)
+		},
+		getCategoryTwo(Id){
+			getCategoryTwo({
+				parentId: Id
+			}).then(res => [
+				this.navigationList2 = res.data
+			])
+		},
 		// 首发新品切换
 		ProductNavTab(type, index) {
 			this.ProductNavindex = index;

pages/index/diy/index_mall.vue

@@ -4,7 +4,7 @@
 		<view class="header-group">
 			<view class="tabs">
 				<u-tabs :list="navigationList" @click="clickNav" lineColor="#FFD373" :inactiveStyle="{ color: '#FFF' }"
-					:activeStyle="{ color: '#FFD373', fontWeight: 'bold' }"></u-tabs>
+					:activeStyle="{ color: '#FFD373', fontWeight: 'bold' }" keyName="title"></u-tabs>
 			</view>
 		</view>
 		<!-- 内容切换 -->
@@ -33,11 +33,13 @@
 						<text>创客专区</text>
 					</view>
 					<view class="grid-item">
-						<image src="../../../static/menus/城市合伙人.png" mode="aspectFit" @click="menusTap('城市合伙人')"></image>
+						<image src="../../../static/menus/城市合伙人.png" mode="aspectFit" @click="menusTap('城市合伙人')">
+						</image>
 						<text>城市合伙人</text>
 					</view>
 					<view class="grid-item">
-						<image src="../../../static/menus/积分抵扣专区.png" mode="aspectFit" @click="menusTap('积分抵扣专区')"></image>
+						<image src="../../../static/menus/积分抵扣专区.png" mode="aspectFit" @click="menusTap('积分抵扣专区')">
+						</image>
 						<text>抵扣专区</text>
 					</view>
 				</view>
@@ -104,6 +106,7 @@
 			</view>
 			<!-- 商品列表 -->
 			<goodListMall @changeTab="changeTab" :tempArr="tempArr" :iSshowH="true" @detail="goDetail"
+				:currentId="currentId"
 				:isSortType="isSortType"></goodListMall>
 		</view>
 	</view>
@@ -112,7 +115,7 @@
 <script>
 import headerSerch from './components/headerSerch';
 import goodListMall from './components/goodListMall';
-import { getAdsList, getNoticeList } from '../../../api/home.js'
+import { getAdsList, getNoticeList, getCategoryOne } from '../../../api/home.js'
 import {
 	goShopDetail
 } from '@/libs/order.js';
@@ -123,6 +126,7 @@ export default {
 	},
 	data() {
 		return {
+			currentId: '',
 			noticeShow: false,
 			noticeContent: '',
 			tempArr: [
@@ -646,39 +650,38 @@ export default {
 				'https://cdn.uviewui.com/uview/swiper/swiper1.png',
 			],
 			navigationList: [{
-				name: '推荐',
-			}, {
-				name: '箱包皮具'
-			}, {
-				name: '家具家私'
-			}, {
-				name: '美妆护肤'
-			}, {
-				name: '日用百货'
-			}, {
-				name: '运动户外'
-			}, {
-				name: '珠宝首饰'
-			}, {
-				name: '家纺家饰'
+				title: '推荐',
+				id: '0'
 			}]
 		}
 	},
-	mounted() {
-		uni.showTabBar()
-		this.getAdsList(),
-			this.getNoticeList()
+	created() {
+		this.getCategoryOne()
+		this.getAdsList()
+		this.getNoticeList()
 	},
 	onLoad() {
 	},
 	methods: {
+		getCategoryOne() {
+			getCategoryOne().then(res => {
+				console.log(res.data);
+				this.navigationList = []
+				let tuiJian = {
+					title: '推荐',
+					id: '0'
+				}
+				this.navigationList = res.data
+				this.navigationList.unshift(tuiJian)
+			})
+		},
 		menusTap(url) {
 			// #ifdef H5
 			location.href = url
 			// #endif
 			// #ifdef MP || APP-PLUS
 			uni.navigateTo({
-				url: "/pages/goods/goods_list_mall/index?sid="+1+"&title="+url
+				url: "/pages/goods/goods_list_mall/index?sid=" + 1 + "&title=" + url
 			});
 			// #endif
 		},
@@ -782,8 +785,8 @@ export default {
 			});
 		},
 		clickNav(e) {
-			console.log(e)
 			this.current = e.index
+			this.currentId = e.id
 		}
 	}
 }