| 1 |
- {"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\CouponGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\CouponGroup.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJDb3Vwb25Hcm91cCIsCiAgcHJvcHM6IHsKICAgIHNldEZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNGb3JtOiB7fQogICAgfTsKICB9LAoKICB3YXRjaDogewogICAgc2V0Rm9ybSh2YWwpIHsKICAgICAgY29uc29sZS5sb2codmFsKTsKICAgICAgdGhpcy5zRm9ybSA9IHZhbDsKICAgIH0KCiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuc0Zvcm0gPSB0aGlzLnNldEZvcm07CiAgfQoKfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;EACAA,mBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC;IADA;EAGA,CAdA;;EAeAC;IACAL;MACAM;MACA;IACA;;EAJA,CAfA;;EAqBAC;IACA;EACA;;AAvBA","names":["name","props","setForm","type","default","data","sForm","watch","console","created"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["CouponGroup.vue"],"sourcesContent":["<template>\n <div class=\"coupon-box\">\n <div v-if=\"sForm.title || sForm.titleDesc\" class=\"coupon-title\">\n <span class=\"title\">{{ sForm.title }}</span>\n <span v-if=\"sForm.titleDesc\" class=\"line\">|</span>\n <span class=\"desc\">{{ sForm.titleDesc }}</span>\n </div>\n <ul\n class=\"coupon-ul\"\n :style=\"{ paddingTop: sForm.title || sForm.titleDesc ? '2px' : '23px' }\"\n >\n <li\n v-for=\"item in sForm.rowNum\"\n :key=\"item\"\n class=\"coupon-li\"\n :class=\"[sForm.rowNum === 2 ? 'coupon-two-li' : '']\"\n >\n <div class=\"coupon-in\">\n <p class=\"num\">¥200</p>\n <p class=\"coupon-desc\">商品满1000可用</p>\n <div class=\"get-btn\">\n <span>领取使用</span>\n <span class=\"iconfont icon-youjiantou\"></span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n</template>\n\n<script>\n export default {\n name: \"CouponGroup\",\n props: {\n setForm: {\n type: Object,\n default: () => {\n return {};\n },\n },\n },\n data() {\n return {\n sForm: {},\n };\n },\n watch: {\n setForm(val) {\n console.log(val);\n this.sForm = val;\n },\n },\n created() {\n this.sForm = this.setForm;\n },\n };\n</script>\n\n<style scoped lang=\"scss\">\n .coupon-box {\n border-radius: 16px;\n width: 355px;\n margin: 0 auto;\n background-image: url(\"../../../../assets/img/pageComponents/coupon_bck.png\");\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100% 100%;\n .coupon-title {\n padding: 0 12px;\n line-height: 45px;\n height: 45px;\n color: #ffe6c6;\n font-size: 12px;\n .line {\n margin: 0 10px;\n }\n .title {\n font-size: 18px;\n font-weight: 600;\n color: #ffd7a4;\n text-shadow: 1px 2px 1px rgba(175, 19, 13, 0.51);\n background: linear-gradient(123deg, #fff7e5 0%, #f7c89a 100%);\n background-clip: text;\n }\n }\n .coupon-ul {\n padding-left: 4px;\n display: flex;\n padding-bottom: 23px;\n padding-top: 2px;\n .coupon-li {\n margin-left: 12px;\n width: 100px;\n height: 140px;\n background: linear-gradient(180deg, #ffe3cb 3%, #fff8f2 100%);\n border-radius: 5px;\n padding-top: 2px;\n .coupon-in {\n width: 96px;\n height: 136px;\n border-radius: 4px;\n border: 1px solid #a5837a;\n margin: 0 auto;\n text-align: center;\n .num {\n font-size: 24px;\n font-family: DIN-Medium, DIN;\n font-weight: 500;\n color: #8b3913;\n line-height: 29px;\n background: linear-gradient(180deg, #934331 0%, #c5785f 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-top: 26px;\n }\n .coupon-desc {\n font-size: 12px;\n font-weight: 400;\n color: #3c3c3c;\n line-height: 17px;\n margin-top: 8px;\n }\n .get-btn {\n width: 76px;\n height: 24px;\n line-height: 24px;\n background: #9e4722;\n border-radius: 20px;\n color: #ffffff;\n font-size: 10px;\n margin: 20px auto 0;\n .iconfont {\n font-size: 10px;\n margin-left: 5px;\n }\n }\n }\n }\n .coupon-two-li {\n width: 154px;\n .coupon-in {\n width: 150px;\n .get-btn {\n width: 86px;\n }\n }\n }\n }\n }\n</style>\n"]}]}
|
