Commit 298cf5c0 by 无尘

style: 修改卡券颜色

parent 58b0cafb
.card-contain[data-v-a0ce5594]{position:relative;width:100%;padding:.26667rem;background:#f4f5f6}.card-contain .card-contain-inner[data-v-a0ce5594]{width:100%}.card-contain .card-contain-inner .card-brand-list[data-v-a0ce5594]{width:100%;padding:0 .21333rem .21333rem .21333rem;background:#fff;border-radius:.13333rem}.card-contain .card-contain-inner .card-brand-list+.card-brand-list[data-v-a0ce5594]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-brand-title[data-v-a0ce5594]{width:100%;height:1.2rem;line-height:1.2rem;font-size:.37333rem;color:#232326}.card-contain .card-contain-inner .card-brand-list .card-list-cell[data-v-a0ce5594]{width:100%;height:2.66667rem;background-image:url(../img/coupon_bg.99b2feae.png);background-size:100%;background-repeat:no-repeat;border-radius:.13333rem;background-color:rgba(234,51,51,.06);border:.02667rem solid rgba(234,51,51,.16);font-size:.29333rem;color:#333}.card-contain .card-contain-inner .card-brand-list .card-list-cell.discount-cell[data-v-a0ce5594]{background-color:rgba(230,160,22,.06);border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell+.card-list-cell[data-v-a0ce5594]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_top[data-v-a0ce5594]{width:100%;height:.93333rem;line-height:.93333rem;padding:0 .32rem;border-bottom:.02667rem dashed rgba(234,51,51,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_top.discount-cell[data-v-a0ce5594]{border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow[data-v-a0ce5594]{position:relative}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_left[data-v-a0ce5594]{position:absolute;left:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-right:.02667rem solid rgba(234,51,51,.3);border-top:.02667rem solid rgba(234,51,51,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_left.discount-cell[data-v-a0ce5594]{border-color:rgba(230,160,22,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_right[data-v-a0ce5594]{position:absolute;right:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-left:.02667rem solid rgba(234,51,51,.3);border-bottom:.02667rem solid rgba(234,51,51,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_right.discount-cell[data-v-a0ce5594]{border-color:rgba(230,160,22,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body[data-v-a0ce5594]{width:100%;height:1.73333rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_left[data-v-a0ce5594]{position:relative;height:100%;border-right:.02667rem dashed rgba(234,51,51,.16);-webkit-transform:translateY(-.02667rem);transform:translateY(-.02667rem)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_left.discount-cell[data-v-a0ce5594]{border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_right[data-v-a0ce5594]{padding-left:.4rem}.card-contain .card-contain-inner .card-brand-list .show-all[data-v-a0ce5594]{width:100%;height:.85333rem;line-height:1.06667rem;text-align:center}.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-down[data-v-a0ce5594],.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-up[data-v-a0ce5594]{vertical-align:middle}
\ No newline at end of file
.card-contain[data-v-52b5b396]{position:relative;width:100%;padding:.26667rem;background:#f4f5f6}.card-contain .card-contain-inner[data-v-52b5b396]{width:100%}.card-contain .card-contain-inner .card-brand-list[data-v-52b5b396]{width:100%;padding:0 .21333rem .21333rem .21333rem;background:#fff;border-radius:.13333rem}.card-contain .card-contain-inner .card-brand-list+.card-brand-list[data-v-52b5b396]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-brand-title[data-v-52b5b396]{width:100%;height:1.2rem;line-height:1.2rem;font-size:.37333rem;color:#232326}.card-contain .card-contain-inner .card-brand-list .card-list-cell[data-v-52b5b396]{width:100%;height:2.66667rem;background-image:url(../img/coupon_bg.99b2feae.png);background-size:100%;background-repeat:no-repeat;border-radius:.13333rem;background-color:rgba(234,51,51,.16);border:.02667rem solid rgba(234,51,51,.16);font-size:.29333rem;color:#333}.card-contain .card-contain-inner .card-brand-list .card-list-cell.discount-cell[data-v-52b5b396]{background-color:rgba(230,160,22,.16);border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell+.card-list-cell[data-v-52b5b396]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_top[data-v-52b5b396]{width:100%;height:.93333rem;line-height:.93333rem;padding:0 .32rem;border-bottom:.02667rem dashed rgba(234,51,51,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_top.discount-cell[data-v-52b5b396]{border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow[data-v-52b5b396]{position:relative}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_left[data-v-52b5b396]{position:absolute;left:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-right:.02667rem solid rgba(234,51,51,.3);border-top:.02667rem solid rgba(234,51,51,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_left.discount-cell[data-v-52b5b396]{border-color:rgba(230,160,22,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_right[data-v-52b5b396]{position:absolute;right:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-left:.02667rem solid rgba(234,51,51,.3);border-bottom:.02667rem solid rgba(234,51,51,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_right.discount-cell[data-v-52b5b396]{border-color:rgba(230,160,22,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body[data-v-52b5b396]{width:100%;height:1.73333rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_left[data-v-52b5b396]{position:relative;height:100%;border-right:.02667rem dashed rgba(234,51,51,.16);-webkit-transform:translateY(-.02667rem);transform:translateY(-.02667rem)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_left.discount-cell[data-v-52b5b396]{border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_right[data-v-52b5b396]{padding-left:.4rem}.card-contain .card-contain-inner .card-brand-list .show-all[data-v-52b5b396]{width:100%;height:.85333rem;line-height:1.06667rem;text-align:center}.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-down[data-v-52b5b396],.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-up[data-v-52b5b396]{vertical-align:middle}
\ 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-2d94a3e2.a28357d4.css rel=prefetch><link href=css/chunk-41dd0eef.b7468c21.css rel=prefetch><link href=css/chunk-779e6e30.be7eb860.css rel=prefetch><link href=css/chunk-ac1c0fc8.741bfe03.css rel=prefetch><link href=css/chunk-f18aa4de.928f6fe0.css rel=prefetch><link href=js/chunk-2d94a3e2.db3066f1.js rel=prefetch><link href=js/chunk-41dd0eef.bff3b8ac.js rel=prefetch><link href=js/chunk-779e6e30.223145cf.js rel=prefetch><link href=js/chunk-ac1c0fc8.c941608f.js rel=prefetch><link href=js/chunk-f18aa4de.c2e5aa9f.js rel=prefetch><link href=css/app.e356cd6b.css rel=preload as=style><link href=js/app.44320d25.js rel=preload as=script><link href=js/chunk-vendors.57e390e4.js rel=preload as=script><link href=css/app.e356cd6b.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.57e390e4.js></script><script src=js/app.44320d25.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-2d94a3e2.a28357d4.css rel=prefetch><link href=css/chunk-41dd0eef.b7468c21.css rel=prefetch><link href=css/chunk-779e6e30.be7eb860.css rel=prefetch><link href=css/chunk-ac1c0fc8.741bfe03.css rel=prefetch><link href=css/chunk-bbbf6ec4.57f525a8.css rel=prefetch><link href=js/chunk-2d94a3e2.db3066f1.js rel=prefetch><link href=js/chunk-41dd0eef.bff3b8ac.js rel=prefetch><link href=js/chunk-779e6e30.223145cf.js rel=prefetch><link href=js/chunk-ac1c0fc8.c941608f.js rel=prefetch><link href=js/chunk-bbbf6ec4.c30aa7f0.js rel=prefetch><link href=css/app.e356cd6b.css rel=preload as=style><link href=js/app.21f8cc62.js rel=preload as=script><link href=js/chunk-vendors.57e390e4.js rel=preload as=script><link href=css/app.e356cd6b.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.57e390e4.js></script><script src=js/app.21f8cc62.js></script></body></html>
\ No newline at end of file \ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-f18aa4de"],{3086:function(t,a,c){},"6e07":function(t,a,c){"use strict";var e=c("3086"),n=c.n(e);n.a},"70b5":function(t,a,c){t.exports=c.p+"img/coupon-null-icon.8e2c71ff.png"},c3a6:function(t,a,c){"use strict";c("68ef")},db31:function(t,a,c){"use strict";c.r(a);var e=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"card-contain border-box",style:{"min-height":t.$store.state.bodyH+"px"}},[e("div",{staticClass:"card-contain-inner"},t._l(t.cardList,function(a,c){return e("div",{key:c,staticClass:"card-brand-list border-box"},[e("div",{staticClass:"card-brand-title"},[t._v(t._s(a.brandName))]),t._l(a.cardData,function(c,n){return[n<a.showCount?e("div",{key:n,class:["card-list-cell border-box","VOU4"==c.VOU_TYPE?"discount-cell":""]},[e("div",{class:["card-list-cell_top border-box flex","VOU4"==c.VOU_TYPE?"discount-cell":""]},[e("div",{staticClass:"card-list-cell_top_left flex-1"},[t._v(t._s("VOU4"==c.VOU_TYPE?"折扣券":"优惠券"))]),e("div",{staticClass:"card-list-cell_top_right flex-1 text-right"},[t._v(t._s(c.VOUCHERS_NO))])]),e("div",{staticClass:"card-list-arrow"},[e("div",{class:["card-list-arrow_left","VOU4"==c.VOU_TYPE?"discount-cell":""]}),e("div",{class:["card-list-arrow_right","VOU4"==c.VOU_TYPE?"discount-cell":""]})]),e("div",{staticClass:"card-list-cell_body flex flex-align-center flex-pack-center"},[e("div",{class:["card-list-cell_body_left flex-1 flex flex-align-center flex-pack-center font-30","VOU4"==c.VOU_TYPE?"discount-cell":""]},["VOU5"==c.VOU_TYPE?e("span",{staticClass:"font-15 m-t-10"},[t._v("¥")]):t._e(),t._v(t._s("VOU4"==c.VOU_TYPE?c.VOU_DIS+"折":c.AMT_DISCOUNT)+"\n ")]),e("div",{staticClass:"card-list-cell_body_right border-box flex-2"},[e("div",{staticClass:"cell-body_right_cell"}),e("div",{staticClass:"cell-body_right_cell"},[t._v(t._s(c.START_DATE+"--"+c.VALID_DATE))]),e("div",{staticClass:"cell-body_right_cell"})])])]):t._e()]}),a.cardData.length>3&&a.cardData.length>a.showCount?e("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showAllData(a)}}},[t._v("\n 展开剩余"+t._s(a.cardData.length-3)+"张 "),e("van-icon",{attrs:{name:"arrow-down"}})],1):t._e(),a.cardData.length>3&&a.cardData.length==a.showCount?e("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showPartData(a)}}},[t._v("\n 收起 "),e("van-icon",{attrs:{name:"arrow-up"}})],1):t._e()],2)}),0),t.cardList.length?t._e():e("div",{staticClass:"no-card-data no-data-contain"},[e("img",{attrs:{src:c("70b5"),alt:"card-no-data"}}),e("p",{staticClass:"font-16 color-848689"},[t._v("你还没有卡券哦")])])])},n=[],s=(c("2fdb"),c("e7e5"),c("d399")),r=(c("6762"),c("ac6a"),c("96cf"),c("3b8d")),l=(c("a481"),c("4917"),c("bd86")),i=(c("c3a6"),c("ad06")),o=(c("cadf"),c("551c"),c("097d"),c("0c6d")),d=function(t){return Object(o["a"])("/gicfwh/get-tpn-card-list.json",t)},u={name:"cards",components:Object(l["a"])({},i["a"].name,i["a"]),data:function(){return{cardList:[]}},computed:{},methods:{formatDate:function(t){var a=t.match(/^(\d{4})(\d{2})(\d{2})$/);return a?t.replace(/(\d{4})(\d{2})(\d{2})/g,"$1.$2.$3"):t},showAllData:function(t){t.showCount=t.cardData.length},showPartData:function(t){t.showCount=3},getCardList:function(){var t=Object(r["a"])(regeneratorRuntime.mark(function t(){var a,c,e,n;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return a=this,c={},t.next=4,d(c);case 4:e=t.sent,0==e.errorCode?e.result&&e.result.length&&(n=[],e.result.forEach(function(t){t.START_DATE=a.formatDate(t.START_DATE),t.VALID_DATE=a.formatDate(t.VALID_DATE),n.includes(t.BRANDNAME)||n.push(t.BRANDNAME)}),n.forEach(function(t){a.cardList.push({brandName:t,showCount:3,cardData:[]})}),e.result.forEach(function(t){a.cardList.forEach(function(a){t.BRANDNAME==a.brandName&&a.cardData.push(t)})})):Object(s["a"])(e.message);case 6:case"end":return t.stop()}},t,this)}));function a(){return t.apply(this,arguments)}return a}()},mounted:function(){this.getCardList()}},f=u,_=(c("6e07"),c("2877")),h=Object(_["a"])(f,e,n,!1,null,"52b5b396",null);h.options.__file="index.vue";a["default"]=h.exports}}]); (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-bbbf6ec4"],{6695:function(t,a,c){},"70b5":function(t,a,c){t.exports=c.p+"img/coupon-null-icon.8e2c71ff.png"},"77d2":function(t,a,c){"use strict";var e=c("6695"),n=c.n(e);n.a},c3a6:function(t,a,c){"use strict";c("68ef")},db31:function(t,a,c){"use strict";c.r(a);var e=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"card-contain border-box",style:{"min-height":t.$store.state.bodyH+"px"}},[e("div",{staticClass:"card-contain-inner"},t._l(t.cardList,function(a,c){return e("div",{key:c,staticClass:"card-brand-list border-box"},[e("div",{staticClass:"card-brand-title"},[t._v(t._s(a.brandName))]),t._l(a.cardData,function(c,n){return[n<a.showCount?e("div",{key:n,class:["card-list-cell border-box","VOU4"==c.VOU_TYPE?"discount-cell":""]},[e("div",{class:["card-list-cell_top border-box flex","VOU4"==c.VOU_TYPE?"discount-cell":""]},[e("div",{staticClass:"card-list-cell_top_left flex-1"},[t._v(t._s("VOU4"==c.VOU_TYPE?"折扣券":"优惠券"))]),e("div",{staticClass:"card-list-cell_top_right flex-1 text-right"},[t._v(t._s(c.VOUCHERS_NO))])]),e("div",{staticClass:"card-list-arrow"},[e("div",{class:["card-list-arrow_left","VOU4"==c.VOU_TYPE?"discount-cell":""]}),e("div",{class:["card-list-arrow_right","VOU4"==c.VOU_TYPE?"discount-cell":""]})]),e("div",{staticClass:"card-list-cell_body flex flex-align-center flex-pack-center"},[e("div",{class:["card-list-cell_body_left flex-1 flex flex-align-center flex-pack-center font-30","VOU4"==c.VOU_TYPE?"discount-cell":""]},["VOU5"==c.VOU_TYPE?e("span",{staticClass:"font-15 m-t-10"},[t._v("¥")]):t._e(),t._v(t._s("VOU4"==c.VOU_TYPE?c.VOU_DIS+"折":c.AMT_DISCOUNT)+"\n ")]),e("div",{staticClass:"card-list-cell_body_right border-box flex-2"},[e("div",{staticClass:"cell-body_right_cell"}),e("div",{staticClass:"cell-body_right_cell"},[t._v(t._s(c.START_DATE+"--"+c.VALID_DATE))]),e("div",{staticClass:"cell-body_right_cell"})])])]):t._e()]}),a.cardData.length>3&&a.cardData.length>a.showCount?e("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showAllData(a)}}},[t._v("\n 展开剩余"+t._s(a.cardData.length-3)+"张 "),e("van-icon",{attrs:{name:"arrow-down"}})],1):t._e(),a.cardData.length>3&&a.cardData.length==a.showCount?e("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showPartData(a)}}},[t._v("\n 收起 "),e("van-icon",{attrs:{name:"arrow-up"}})],1):t._e()],2)}),0),t.cardList.length?t._e():e("div",{staticClass:"no-card-data no-data-contain"},[e("img",{attrs:{src:c("70b5"),alt:"card-no-data"}}),e("p",{staticClass:"font-16 color-848689"},[t._v("你还没有卡券哦")])])])},n=[],s=(c("2fdb"),c("e7e5"),c("d399")),r=(c("6762"),c("ac6a"),c("96cf"),c("3b8d")),l=(c("a481"),c("4917"),c("bd86")),i=(c("c3a6"),c("ad06")),o=(c("cadf"),c("551c"),c("097d"),c("0c6d")),d=function(t){return Object(o["a"])("/gicfwh/get-tpn-card-list.json",t)},u={name:"cards",components:Object(l["a"])({},i["a"].name,i["a"]),data:function(){return{cardList:[]}},computed:{},methods:{formatDate:function(t){var a=t.match(/^(\d{4})(\d{2})(\d{2})$/);return a?t.replace(/(\d{4})(\d{2})(\d{2})/g,"$1.$2.$3"):t},showAllData:function(t){t.showCount=t.cardData.length},showPartData:function(t){t.showCount=3},getCardList:function(){var t=Object(r["a"])(regeneratorRuntime.mark(function t(){var a,c,e,n;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return a=this,c={},t.next=4,d(c);case 4:e=t.sent,0==e.errorCode?e.result&&e.result.length&&(n=[],e.result.forEach(function(t){t.START_DATE=a.formatDate(t.START_DATE),t.VALID_DATE=a.formatDate(t.VALID_DATE),n.includes(t.BRANDNAME)||n.push(t.BRANDNAME)}),n.forEach(function(t){a.cardList.push({brandName:t,showCount:3,cardData:[]})}),e.result.forEach(function(t){a.cardList.forEach(function(a){t.BRANDNAME==a.brandName&&a.cardData.push(t)})})):Object(s["a"])(e.message);case 6:case"end":return t.stop()}},t,this)}));function a(){return t.apply(this,arguments)}return a}()},mounted:function(){this.getCardList()}},f=u,_=(c("77d2"),c("2877")),h=Object(_["a"])(f,e,n,!1,null,"a0ce5594",null);h.options.__file="index.vue";a["default"]=h.exports}}]);
//# sourceMappingURL=chunk-f18aa4de.c2e5aa9f.js.map //# sourceMappingURL=chunk-bbbf6ec4.c30aa7f0.js.map
\ No newline at end of file \ No newline at end of file
...@@ -51,7 +51,7 @@ routes.forEach(route => { ...@@ -51,7 +51,7 @@ routes.forEach(route => {
}); });
const router = new Router({ const router = new Router({
mode: 'history', // mode: 'history',
base: '/fwhweb/peacebird', base: '/fwhweb/peacebird',
routes routes
}); });
......
...@@ -197,12 +197,12 @@ export default { ...@@ -197,12 +197,12 @@ export default {
background-size: 100%; background-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 5px; border-radius: 5px;
background-color: rgba(234,51,51, 0.16); background-color: rgba(234,51,51, 0.06);
border: 1px solid rgba(234,51,51, 0.16); border: 1px solid rgba(234,51,51, 0.16);
font-size: 11px; font-size: 11px;
color: #333; color: #333;
&.discount-cell { &.discount-cell {
background-color: rgba(230,160,22, 0.16); background-color: rgba(230,160,22, 0.06);
border-color: rgba(230,160,22, 0.16) border-color: rgba(230,160,22, 0.16)
} }
&+.card-list-cell { &+.card-list-cell {
......
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