feat: 增加品牌 logo 对应

d3076d30 · 无尘 · d80b4426 · d3076d30 · d3076d30 · d3076d30
Commit d3076d30 authored Jul 18, 2019 by 无尘
10 changed files
--- a/dist/css/chunk-830e6366.1ff07da2.css
+++ b/dist/css/chunk-830e6366.1ff07da2.css
--- a/dist/index.html
+++ b/dist/index.html
-<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title></title><link href=css/chunk-006266a2.4b8e5a29.css rel=prefetch><link href=css/chunk-41d0cdd7.c57ad67b.css rel=prefetch><link href=css/chunk-4d446ff8.613edf34.css rel=prefetch><link href=css/chunk-6075e5c8.213de925.css rel=prefetch><link href=css/chunk-79d39695.a67484b8.css rel=prefetch><link href=css/chunk-830e6366.1ff07da2.css rel=prefetch><link href=js/chunk-006266a2.b6144737.js rel=prefetch><link href=js/chunk-41d0cdd7.8dfa29f5.js rel=prefetch><link href=js/chunk-4d446ff8.c265c444.js rel=prefetch><link href=js/chunk-6075e5c8.9d3c5f68.js rel=prefetch><link href=js/chunk-79d39695.743cf281.js rel=prefetch><link href=js/chunk-830e6366.f8fa175f.js rel=prefetch><link href=css/app.26b754ca.css rel=preload as=style><link href=js/app.1b6c1ba6.js rel=preload as=script><link href=js/chunk-vendors.63e5230c.js rel=preload as=script><link href=css/app.26b754ca.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.63e5230c.js></script><script src=js/app.1b6c1ba6.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title></title><link href=css/chunk-006266a2.4b8e5a29.css rel=prefetch><link href=css/chunk-41d0cdd7.c57ad67b.css rel=prefetch><link href=css/chunk-4d446ff8.613edf34.css rel=prefetch><link href=css/chunk-5ea3ec95.1ff07da2.css rel=prefetch><link href=css/chunk-6075e5c8.213de925.css rel=prefetch><link href=css/chunk-79d39695.a67484b8.css rel=prefetch><link href=js/chunk-006266a2.b6144737.js rel=prefetch><link href=js/chunk-41d0cdd7.8dfa29f5.js rel=prefetch><link href=js/chunk-4d446ff8.c265c444.js rel=prefetch><link href=js/chunk-5ea3ec95.6f225c8c.js rel=prefetch><link href=js/chunk-6075e5c8.9d3c5f68.js rel=prefetch><link href=js/chunk-79d39695.743cf281.js rel=prefetch><link href=css/app.26b754ca.css rel=preload as=style><link href=js/app.d3ebdbeb.js rel=preload as=script><link href=js/chunk-vendors.63e5230c.js rel=preload as=script><link href=css/app.26b754ca.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.63e5230c.js></script><script src=js/app.d3ebdbeb.js></script></body></html>
\ No newline at end of file
--- a/dist/js/app.1b6c1ba6.js
+++ b/dist/js/app.1b6c1ba6.js
--- a/dist/js/app.1b6c1ba6.js.map
+++ b/dist/js/app.1b6c1ba6.js.map
--- a/dist/js/chunk-5ea3ec95.6f225c8c.js
+++ b/dist/js/chunk-5ea3ec95.6f225c8c.js
--- a/dist/js/chunk-5ea3ec95.6f225c8c.js.map
+++ b/dist/js/chunk-5ea3ec95.6f225c8c.js.map
--- a/dist/js/chunk-830e6366.f8fa175f.js
+++ b/dist/js/chunk-830e6366.f8fa175f.js
--- a/dist/js/chunk-830e6366.f8fa175f.js.map
+++ b/dist/js/chunk-830e6366.f8fa175f.js.map
--- a/src/assets/images/logo02_248_124copy.png
+++ b/src/assets/images/logo02_248_124copy.png
--- a/src/views/pointMall/index.vue
+++ b/src/views/pointMall/index.vue
@@ -68,7 +68,7 @@
          <div class="point-mall-brand border-box">
            <ul>
              <template v-for="(item, index) in brandsData">
-                <li :key="index" :class="[activeBrand == item ? 'li-active': '']" @click="selectBrand(item)">
+                <li :key="index" :class="[activeBrand == item ? 'li-active': '']" @click="selectBrand(item, index)">
                  {{item}}
                </li>
              </template>
@@ -187,11 +187,28 @@ export default {
      },
      activeBrand: '女装',
      brandsData: ['女装', '男装', '乐町', 'MG', '童装'],
+      logoList: [
+        {
+          logo: require('../../assets/images/logo01_248_124.png')
+        },
+        {
+          logo: require('../../assets/images/logo02_248_124copy.png')
+        },
+        {
+          logo: require('../../assets/images/logo03_248_124.png')
+        },
+        {
+          logo: require('../../assets/images/logo04_248_124.png')
+        },
+        {
+          logo: require('../../assets/images/logo05_248_124.png')
+        }
+      ],
      cardsData: [
        {
          cardId: '1',
          couponType: '代金券',
-          cardBrand: require('../../assets/images/logo01_248_124.png'),
+          cardBrand: require('../../assets/images/logo02_248_124copy.png'),
          couponValue: '20',
          defaultConsumptionIntegral: '2000',
          threshold: '',
@@ -262,9 +279,9 @@ export default {
    /**
     * 切换品牌
     */
-    selectBrand(item) {
+    selectBrand(item, index) {
      this.activeBrand = item;
-      this.getCardsData();
+      this.getCardsData(index);
    },

    /**
@@ -362,14 +379,19 @@ export default {
    /**
     * 获取 card
     */
-    async getCardsData() {
+    async getCardsData(brandIndex) {
      const that = this;
      let param = {
        token: that.token,
-        brand: that.brandsData[0]
+        brand: that.brandsData[brandIndex]
      }
      let resData = await getCardData(param);
      if (resData.errorCode == 0) {
+        if (resData.data.length) {
+          resData.data.forEach(ele => {
+            ele.cardBrand = that.logoList[brandIndex].logo;
+          })
+        }
        that.cardsData = resData.data;
      }
    },
@@ -419,7 +441,7 @@ export default {
        /* eslint-disable */
        console.log( that.token,resData);
        await that.getBrand();
-        await that.getCardsData();
+        await that.getCardsData(0);
        await that.getData();
      }
    },