From f28f0205a336355cbcc13d2b254669b87638421a Mon Sep 17 00:00:00 2001
From: Junling Bu <linlinjavaer@gmail.com>
Date: Thu, 11 Jul 2019 10:08:47 +0800
Subject: [PATCH] =?UTF-8?q?feat[litemall-vue]:=20=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=93=81=E7=89=8C=E5=95=86=E5=95=86=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 litemall-vue/src/views/items/brand/index.vue | 38 +++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/litemall-vue/src/views/items/brand/index.vue b/litemall-vue/src/views/items/brand/index.vue
index dd023665..3b1b47b6 100644
--- a/litemall-vue/src/views/items/brand/index.vue
+++ b/litemall-vue/src/views/items/brand/index.vue
@@ -15,22 +15,25 @@
       </div>
     </div>
 
-    <van-card v-for="(item, i) in brand.list"
-              :key="i"
-              :desc="item.brief"
-              :title="item.name"
-              :thumb="item.picUrl"
-              :price="item.retailPrice"
-              :origin-price="item.counterPrice"
-              @click="itemClick(item.id)">
-    </van-card>
+    <van-row gutter>
+      <van-col span="12"
+               v-for="(goods ,index) in brandGoods"
+               :key="index">
+        <router-link :to="{ path: `/items/detail/${goods.id}`}">
+          <img :src="goods.picUrl"
+               style="width:150px;height:150px;">
+        </router-link>
+        <div style="margin-left: 20px; rgb(123, 116, 116);">{{goods.name}}</div>
+        <div style="margin-left: 20px; color:#ab956d">￥ {{goods.retailPrice}}</div>
+      </van-col>
+    </van-row>
 
   </div>
 </template>
 
 <script>
-import { brandDetail } from '@/api/api';
-import { Card } from 'vant';
+import { brandDetail, goodsList } from '@/api/api';
+import { Card, Row, Col } from 'vant';
 
 export default {
   props: {
@@ -38,7 +41,8 @@ export default {
   },
   data() {
     return {
-      brand: {}
+      brand: {},
+      brandGoods: []
     };
   },
 
@@ -53,6 +57,12 @@ export default {
       }).then(res => {
         this.brand = res.data.data;
       });
+
+      goodsList({
+        brandId: this.brandId
+      }).then(res => {
+        this.brandGoods = res.data.data.list;
+      });
     },
     itemClick(id) {
       this.$router.push(`/items/detail/${id}`);
@@ -60,7 +70,9 @@ export default {
   },
 
   components: {
-    [Card.name]: Card
+    [Card.name]: Card,
+    [Row.name]: Row,
+    [Col.name]: Col
   }
 };
 </script>