商品列表

pages.json

 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-            "path" : "pages/home/home",
-            "style" :                                                                                    
-            {
+			"path": "pages/home/home",
+			"style": {
 				"navigationBarTitleText": "懒人企业福利社",
 				"enablePullDownRefresh": false
 			}
 
-        }
-        ,{
-            "path" : "pages/order/order",
-            "style" :                                                                                    
-            {
+		}, {
+			"path": "pages/order/order",
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
 
-        }
-        ,{
-            "path" : "pages/mine/mine",
-            "style" :                                                                                    
-            {
+		}, {
+			"path": "pages/mine/mine",
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false,
 				"navigationStyle": "custom",
-				"backgroundColor":"#F5F5F5"
+				"backgroundColor": "#F5F5F5"
 			}
 
 		}
 	],
 	"subPackages": [{
-		"root":"pagesA",
-		"pages":[
-			{
+		"root": "pagesA",
+		"pages": [{
 			"path": "login/login",
 			"style": {
 				"navigationBarTitleText": "登录",
 				"enablePullDownRefresh": false
 			}
-		    },{
-                    "path" : "integral/integral",
-                    "style" :                                                                                    
-                {
+		}, {
+			"path": "integral/integral",
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
 
+		}, {
+			"path": "selectAccount/selectAccount",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
 			}
-                ,{
-                    "path" : "selectAccount/selectAccount",
-                    "style" :                                                                                    
+
+		},
 		{
+			"path": "GoodSkuList/GoodSkuList",
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
 		
-                }
-            ]
+		}]
 	}],
-	"preloadRule":{
+	"preloadRule": {
 		"pagesA/login/login": {
 			"network": "all",
 			"packages": ["__APP__"]

pages/home/home.vue

@@ -4,7 +4,7 @@
 			<view class="header-top">
 				<text v-if="isLogin" class="header-name">你好，{{ name }}</text>
 				<text v-else class="header-login" @click="goLogin()">请登录</text>
-				<view class="integral-detail">积分明细 ></view>
+				<view class="integral-detail" @click="goIntegralDetail">积分明细 ></view>
 			</view>
 			<view class="header-center">
 				<view class="header-integral">{{ integralCount }}</view>
@@ -12,7 +12,7 @@
 			</view>
 		</view>
 		<view class="list">
-			<view class="item" v-for="(item, index) in brandList" :key="index">
+			<view class="item" v-for="(item, index) in brandList" :key="index" @click="goToGoodDetail(item.brandNo)">
 				<view class="item-layout">
 					<image class="icon" mode="aspectFill" :src="item.imgPath"></image>
 					<view class="item-right">
@@ -72,6 +72,7 @@ export default {
 					
 					if (res.data.list.length > 0) {
 						this.brandList = this.brandList.concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list).concat(res.data.list);
+						this.page += 1
 					}
 					this.loadingType = res.data.list.length < this.pageSize ? 'noMore' : 'more';
 					console.log(this.loadingType)
@@ -79,12 +80,24 @@ export default {
 				.catch(err => {
 					console.log(err);
 				});
+		},
+		goToGoodDetail(brandNo) {
+			if (!this.isLogin) {
+				this.goLogin()
+			}
+			this.$router.push('GoodSkuList', {brandNo: brandNo})
+		},
+		goIntegralDetail() {
+			if (!this.isLogin) {
+				this.goLogin()
 			}
 		}
+	}
+	
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .layout {
 	width: 100%;
 	height: 100%;

router/router.js

@@ -5,7 +5,8 @@ const routers = {
 	'Home': '/pages/home/home',
 	'Order': '/pages/order/order',
 	'Mine': '/pages/mine/mine',
-	'SelectAccount': '/pagesA/selectAccount/selectAccount'
+	'SelectAccount': '/pagesA/selectAccount/selectAccount',
+	'GoodSkuList': '/pagesA/GoodSkuList/GoodSkuList'
 }
 
 export function push(routerName, params, events) {