| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\home_coupon.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\home_coupon.vue","mtime":1677828270165},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2hvbWVfY291cG9uJywKICBjbmFtZTogJ+S8mOaDoOWIuCcsCiAgY29uZmlnTmFtZTogJ2NfaG9tZV9jb3Vwb24nLAogIGljb246ICdpY29ueW91aHVpcXVhbjEnLAogIHR5cGU6IDEsCiAgLy8gMCDln7rnoYDnu4Tku7YgMSDokKXplIDnu4Tku7YgMuW3peWFt+e7hOS7tgogIGRlZmF1bHROYW1lOiAnY291cG9uJywKICAvLyDlpJbpnaLljLnphY3lkI3np7AKICBwcm9wczogewogICAgaW5kZXg6IHsKICAgICAgdHlwZTogbnVsbAogICAgfSwKICAgIG51bTogewogICAgICB0eXBlOiBudWxsCiAgICB9CiAgfSwKICBjb21wdXRlZDogX29iamVjdFNwcmVhZCh7fSwgbWFwU3RhdGUoJ21vYmlsZENvbmZpZycsIFsnZGVmYXVsdEFycmF5J10pKSwKICB3YXRjaDogewogICAgcGFnZURhdGE6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdGhpcy5zZXRDb25maWcoblZhbCk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICBudW06IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdmFyIGRhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W25WYWxdOwogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9LAogICAgZGVmYXVsdEFycmF5OiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHZhciBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVt0aGlzLm51bV07CiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICAvLyDpu5jorqTliJ3lp4vljJbmlbDmja7npoHmraLkv67mlLkKICAgICAgZGVmYXVsdENvbmZpZzogewogICAgICAgIG5hbWU6ICdjb3Vwb24nLAogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sCiAgICAgICAgYmdDb2xvcjogewogICAgICAgICAgdGl0bGU6ICfog4zmma/popzoibInLAogICAgICAgICAgZGVmYXVsdDogW3sKICAgICAgICAgICAgaXRlbTogJyNGOEY4RjgnCiAgICAgICAgICB9XSwKICAgICAgICAgIGNvbG9yOiBbewogICAgICAgICAgICBpdGVtOiAnI0Y4RjhGOCcKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBiZ1N0eWxlOiB7CiAgICAgICAgICB0aXRsZTogJ+iDjOaZr+agt+W8jycsCiAgICAgICAgICBuYW1lOiAnYmdTdHlsZScsCiAgICAgICAgICB0eXBlOiAwLAogICAgICAgICAgbGlzdDogW3sKICAgICAgICAgICAgdmFsOiAn55u06KeSJywKICAgICAgICAgICAgaWNvbjogJ2ljb25QaWNfc3F1YXJlJwogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWw6ICflnIbop5InLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19maWxsZXQnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgcHJDb25maWc6IHsKICAgICAgICAgIHRpdGxlOiAn6IOM5pmv6L656LedJywKICAgICAgICAgIHZhbDogMCwKICAgICAgICAgIG1pbjogMAogICAgICAgIH0sCiAgICAgICAgdGhlbWVDb2xvcjogewogICAgICAgICAgdGl0bGU6ICfkuLvpopjpopzoibInLAogICAgICAgICAgZGVmYXVsdDogW3sKICAgICAgICAgICAgaXRlbTogJyNFOTMzMjMnCiAgICAgICAgICB9XSwKICAgICAgICAgIGNvbG9yOiBbewogICAgICAgICAgICBpdGVtOiAnI0U5MzMyMycKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICAvLyDpobXpnaLpl7Tot50KICAgICAgICBtYkNvbmZpZzogewogICAgICAgICAgdGl0bGU6ICfpobXpnaLpl7Tot50nLAogICAgICAgICAgdmFsOiAwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfQogICAgICB9LAogICAgICBwYWdlRGF0YToge30sCiAgICAgIGJnQ29sb3I6IFtdLAogICAgICBtVE9QOiAwLAogICAgICB0aGVtZUNvbG9yOiBbXSwKICAgICAgYmdTdHlsZTogMCwKICAgICAgcHJDb25maWc6IDAKICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKCiAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgIF90aGlzLnBhZ2VEYXRhID0gX3RoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbX3RoaXMubnVtXTsKCiAgICAgIF90aGlzLnNldENvbmZpZyhfdGhpcy5wYWdlRGF0YSk7CiAgICB9KTsKICB9LAogIG1ldGhvZHM6IHsKICAgIHNldENvbmZpZzogZnVuY3Rpb24gc2V0Q29uZmlnKGRhdGEpIHsKICAgICAgaWYgKCFkYXRhKSByZXR1cm47CgogICAgICBpZiAoZGF0YS5tYkNvbmZpZykgewogICAgICAgIHRoaXMuYmdDb2xvciA9IGRhdGEuYmdDb2xvci5jb2xvcjsKICAgICAgICB0aGlzLm1UT1AgPSBkYXRhLm1iQ29uZmlnLnZhbDsKICAgICAgICB0aGlzLnRoZW1lQ29sb3IgPSBkYXRhLnRoZW1lQ29sb3IuY29sb3I7CiAgICAgICAgdGhpcy5iZ1N0eWxlID0gZGF0YS5iZ1N0eWxlLnR5cGU7CiAgICAgICAgdGhpcy5wckNvbmZpZyA9IGRhdGEucHJDb25maWcudmFsOwogICAgICB9IC8vIHRoaXMuZWRnZSA9IGRhdGEubHJDb25maWcudmFsOwogICAgICAvLyB0aGlzLmltZ1N0eWxlID0gZGF0YS5pbWdDb25maWcudHlwZQogICAgICAvLyB0aGlzLmltZ1NyYyA9IGRhdGEuc3dpcGVyQ29uZmlnLmxpc3RbMF0uaW1nCgogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;EACAA,mBADA;EAEAC,YAFA;EAGAC,2BAHA;EAIAC,uBAJA;EAKAC,OALA;EAKA;EACAC,qBANA;EAMA;EACAC;IACAC;MACAH;IADA,CADA;IAIAI;MACAJ;IADA;EAJA,CAPA;EAeAK,4BACAC,0CADA,CAfA;EAkBAC;IACAC;MACAC,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA,CADA;IAOAR;MACAK,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;MACA,CAJA;MAKAC;IALA,CAPA;IAcAC;MACAJ,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;MACA,CAJA;MAKAC;IALA;EAdA,CAlBA;EAwCAE,IAxCA,kBAwCA;IACA;MACA;MACAC;QACAnB,cADA;QAEAoB,mBAFA;QAGAC;UACAC,aADA;UAEAC,UACA;YACAC;UADA,CADA,CAFA;UAOAC,QACA;YACAD;UADA,CADA;QAPA,CAHA;QAgBAE;UACAJ,aADA;UAEAtB,eAFA;UAGAI,OAHA;UAIAuB,OACA;YACAC,SADA;YAEAzB;UAFA,CADA,EAKA;YACAyB,SADA;YAEAzB;UAFA,CALA;QAJA,CAhBA;QA+BA0B;UACAP,aADA;UAEAM,MAFA;UAGAE;QAHA,CA/BA;QAoCAC;UACAT,aADA;UAEAC,UACA;YACAC;UADA,CADA,CAFA;UAOAC,QACA;YACAD;UADA,CADA;QAPA,CApCA;QAiDA;QACAQ;UACAV,aADA;UAEAM,MAFA;UAGAE;QAHA;MAlDA,CAFA;MA0DAlB,YA1DA;MA2DAS,WA3DA;MA4DAY,OA5DA;MA6DAF,cA7DA;MA8DAL,UA9DA;MA+DAG;IA/DA;EAiEA,CA1GA;EA2GAK,OA3GA,qBA2GA;IAAA;;IACA;MACA;;MACA;IACA,CAHA;EAIA,CAhHA;EAiHAC;IACAC,SADA,qBACAlB,IADA,EACA;MACA;;MACA;QACA;QACA;QACA;QACA;QACA;MACA,CARA,CASA;MACA;MACA;;IACA;EAbA;AAjHA","names":["name","cname","configName","icon","type","defaultName","props","index","num","computed","mapState","watch","pageData","handler","nVal","oVal","deep","defaultArray","data","defaultConfig","timestamp","bgColor","title","default","item","color","bgStyle","list","val","prConfig","min","themeColor","mbConfig","mTOP","mounted","methods","setConfig"],"sourceRoot":"src/components/mobilePageDiy","sources":["home_coupon.vue"],"sourcesContent":["<template>\r\n <div v-if=\"bgColor\" :style=\"{ padding: '0 ' + prConfig + 'px' }\">\r\n <div\r\n class=\"coupon\"\r\n :class=\"bgStyle === 0 ? '' : 'couponOn'\"\r\n :style=\"{ background: bgColor[0].item, marginTop: mTOP + 'px' }\"\r\n v-if=\"bgColor.length > 0\"\r\n >\r\n <div class=\"item\" :style=\"{ background: themeColor[0].item }\">\r\n <div class=\"left\">\r\n <div class=\"num\"><span>￥</span>50</div>\r\n <div class=\"txt\">满100元可用</div>\r\n </div>\r\n <div class=\"right\">立<br />即<br />领<br />取</div>\r\n <div class=\"roll up-roll\" :style=\"{ background: bgColor[0].item }\"></div>\r\n <div class=\"roll down-roll\" :style=\"{ background: bgColor[0].item }\"></div>\r\n </div>\r\n <div class=\"item gary\">\r\n <div class=\"left\">\r\n <div class=\"num\"><span>￥</span>50</div>\r\n <div class=\"txt\">满100元可用</div>\r\n </div>\r\n <div class=\"right\">立<br />即<br />领<br />取</div>\r\n <div class=\"roll up-roll\" :style=\"{ background: bgColor[0].item }\"></div>\r\n <div class=\"roll down-roll\" :style=\"{ background: bgColor[0].item }\"></div>\r\n </div>\r\n <div class=\"item\" :style=\"{ background: themeColor[0].item }\">\r\n <div class=\"left\">\r\n <div class=\"num\"><span>￥</span>50</div>\r\n <div class=\"txt\">满100元可用</div>\r\n </div>\r\n <div class=\"right\">立<br />即<br />领<br />取</div>\r\n <div class=\"roll up-roll\" :style=\"{ background: bgColor[0].item }\"></div>\r\n <div class=\"roll down-roll\" :style=\"{ background: bgColor[0].item }\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n name: 'home_coupon',\r\n cname: '优惠券',\r\n configName: 'c_home_coupon',\r\n icon: 'iconyouhuiquan1',\r\n type: 1, // 0 基础组件 1 营销组件 2工具组件\r\n defaultName: 'coupon', // 外面匹配名称\r\n props: {\r\n index: {\r\n type: null,\r\n },\r\n num: {\r\n type: null,\r\n },\r\n },\r\n computed: {\r\n ...mapState('mobildConfig', ['defaultArray']),\r\n },\r\n watch: {\r\n pageData: {\r\n handler(nVal, oVal) {\r\n this.setConfig(nVal);\r\n },\r\n deep: true,\r\n },\r\n num: {\r\n handler(nVal, oVal) {\r\n let data = this.$store.state.mobildConfig.defaultArray[nVal];\r\n this.setConfig(data);\r\n },\r\n deep: true,\r\n },\r\n defaultArray: {\r\n handler(nVal, oVal) {\r\n let data = this.$store.state.mobildConfig.defaultArray[this.num];\r\n this.setConfig(data);\r\n },\r\n deep: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n // 默认初始化数据禁止修改\r\n defaultConfig: {\r\n name: 'coupon',\r\n timestamp: this.num,\r\n bgColor: {\r\n title: '背景颜色',\r\n default: [\r\n {\r\n item: '#F8F8F8',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#F8F8F8',\r\n },\r\n ],\r\n },\r\n bgStyle: {\r\n title: '背景样式',\r\n name: 'bgStyle',\r\n type: 0,\r\n list: [\r\n {\r\n val: '直角',\r\n icon: 'iconPic_square',\r\n },\r\n {\r\n val: '圆角',\r\n icon: 'iconPic_fillet',\r\n },\r\n ],\r\n },\r\n prConfig: {\r\n title: '背景边距',\r\n val: 0,\r\n min: 0,\r\n },\r\n themeColor: {\r\n title: '主题颜色',\r\n default: [\r\n {\r\n item: '#E93323',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#E93323',\r\n },\r\n ],\r\n },\r\n // 页面间距\r\n mbConfig: {\r\n title: '页面间距',\r\n val: 0,\r\n min: 0,\r\n },\r\n },\r\n pageData: {},\r\n bgColor: [],\r\n mTOP: 0,\r\n themeColor: [],\r\n bgStyle: 0,\r\n prConfig: 0,\r\n };\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.pageData = this.$store.state.mobildConfig.defaultArray[this.num];\r\n this.setConfig(this.pageData);\r\n });\r\n },\r\n methods: {\r\n setConfig(data) {\r\n if (!data) return;\r\n if (data.mbConfig) {\r\n this.bgColor = data.bgColor.color;\r\n this.mTOP = data.mbConfig.val;\r\n this.themeColor = data.themeColor.color;\r\n this.bgStyle = data.bgStyle.type;\r\n this.prConfig = data.prConfig.val;\r\n }\r\n // this.edge = data.lrConfig.val;\r\n // this.imgStyle = data.imgConfig.type\r\n // this.imgSrc = data.swiperConfig.list[0].img\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.couponOn{\r\n border-radius 10px\r\n}\r\n.coupon\r\n display flex\r\n align-items center\r\n padding 15px 0 15px 10px\r\n background #F8F8F8\r\n overflow hidden\r\n .item\r\n flex-shrink 0\r\n position relative\r\n display flex\r\n width:152px;\r\n height:76px;\r\n background:rgba(233,51,35,1);\r\n color #fff\r\n border-radius 5px\r\n margin-right 10px\r\n &.gary\r\n background #D8D8D8\r\n .left\r\n width 120px\r\n height 76px\r\n display flex\r\n flex-direction column\r\n align-items center\r\n justify-content center\r\n .num\r\n font-size 24px\r\n font-weight bold\r\n span\r\n font-size 12px\r\n .txt\r\n font-size 12px\r\n .right\r\n flex 1\r\n display flex\r\n align-items center\r\n justify-content center\r\n font-size 12px\r\n border-left 1px dashed #fff\r\n .roll\r\n position absolute\r\n width 10px\r\n height 10px\r\n border-radius 50%\r\n background #F8F8F8\r\n &.up-roll\r\n right: 26px;\r\n top: -5px;\r\n &.down-roll\r\n right: 26px;\r\n bottom: -5px;\r\n</style>\r\n"]}]}
|
