Skip to content

W
wechat-web
Commit d3076d30 by 无尘
Options

feat: 增加品牌 logo 对应

parent d80b4426
Showing with 31 additions and 9 deletions
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> <!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 \ No newline at end of file
src/views/pointMall/index.vue
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
<div class="point-mall-brand border-box"> <div class="point-mall-brand border-box">
<ul> <ul>
<template v-for="(item, index) in brandsData"> <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}} {{item}}
</li> </li>
</template> </template>
...@@ -187,11 +187,28 @@ export default { ...@@ -187,11 +187,28 @@ export default {
}, },
activeBrand: '女装', activeBrand: '女装',
brandsData: ['女装', '男装', '乐町', 'MG', '童装'], 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: [ cardsData: [
{ {
cardId: '1', cardId: '1',
couponType: '代金券', couponType: '代金券',
cardBrand: require('../../assets/images/logo01_248_124.png'), cardBrand: require('../../assets/images/logo02_248_124copy.png'),
couponValue: '20', couponValue: '20',
defaultConsumptionIntegral: '2000', defaultConsumptionIntegral: '2000',
threshold: '', threshold: '',
...@@ -262,9 +279,9 @@ export default { ...@@ -262,9 +279,9 @@ export default {
/** /**
* 切换品牌 * 切换品牌
*/ */
selectBrand(item) { selectBrand(item, index) {
this.activeBrand = item; this.activeBrand = item;
this.getCardsData(); this.getCardsData(index);
}, },
/** /**
...@@ -362,14 +379,19 @@ export default { ...@@ -362,14 +379,19 @@ export default {
/** /**
* 获取 card * 获取 card
*/ */
async getCardsData() { async getCardsData(brandIndex) {
const that = this; const that = this;
let param = { let param = {
token: that.token, token: that.token,
brand: that.brandsData[0] brand: that.brandsData[brandIndex]
} }
let resData = await getCardData(param); let resData = await getCardData(param);
if (resData.errorCode == 0) { if (resData.errorCode == 0) {
if (resData.data.length) {
resData.data.forEach(ele => {
ele.cardBrand = that.logoList[brandIndex].logo;
})
}
that.cardsData = resData.data; that.cardsData = resData.data;
} }
}, },
...@@ -419,7 +441,7 @@ export default { ...@@ -419,7 +441,7 @@ export default {
/* eslint-disable */ /* eslint-disable */
console.log( that.token,resData); console.log( that.token,resData);
await that.getBrand(); await that.getBrand();
await that.getCardsData(); await that.getCardsData(0);
await that.getData(); await that.getData();
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment