| 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_bargain.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\home_bargain.vue","mtime":1677828270164},{"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:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2hvbWVfYmFyZ2FpbicsCiAgY25hbWU6ICfnoI3ku7cnLAogIGljb246ICdpY29ua2FuamlhMScsCiAgY29uZmlnTmFtZTogJ2NfaG9tZV9iYXJnYWluJywKICB0eXBlOiAxLAogIC8vIDAg5Z+656GA57uE5Lu2IDEg6JCl6ZSA57uE5Lu2IDLlt6Xlhbfnu4Tku7YKICBkZWZhdWx0TmFtZTogJ2JhcmdhaW4nLAogIC8vIOWklumdouWMuemFjeWQjeensAogIHByb3BzOiB7CiAgICBpbmRleDogewogICAgICB0eXBlOiBudWxsCiAgICB9LAogICAgbnVtOiB7CiAgICAgIHR5cGU6IG51bGwKICAgIH0KICB9LAogIGNvbXB1dGVkOiBfb2JqZWN0U3ByZWFkKHt9LCBtYXBTdGF0ZSgnbW9iaWxkQ29uZmlnJywgWydkZWZhdWx0QXJyYXknXSkpLAogIHdhdGNoOiB7CiAgICBwYWdlRGF0YTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLnNldENvbmZpZyhuVmFsKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIG51bTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB2YXIgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbblZhbF07CiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICBkZWZhdWx0QXJyYXk6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdmFyIGRhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W3RoaXMubnVtXTsKICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIC8vIOm7mOiupOWIneWni+WMluaVsOaNruemgeatouS/ruaUuQogICAgICBkZWZhdWx0Q29uZmlnOiB7CiAgICAgICAgbmFtZTogJ2JhcmdhaW4nLAogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sCiAgICAgICAgc2V0VXA6IHsKICAgICAgICAgIHRhYlZhbDogMAogICAgICAgIH0sCiAgICAgICAgbnVtQ29uZmlnOiB7CiAgICAgICAgICB2YWw6IDMKICAgICAgICB9LAogICAgICAgIHByaWNlU2hvdzogewogICAgICAgICAgdGl0bGU6ICfmmK/lkKbmmL7npLrku7fmoLwnLAogICAgICAgICAgdmFsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICBibnRTaG93OiB7CiAgICAgICAgICB0aXRsZTogJ+aYr+WQpuaYvuekuuaMiemSricsCiAgICAgICAgICB2YWw6IHRydWUKICAgICAgICB9LAogICAgICAgIHRoZW1lQ29sb3I6IHsKICAgICAgICAgIHRpdGxlOiAn5Li76aKY6aOO5qC8JywKICAgICAgICAgIG5hbWU6ICd0aGVtZUNvbG9yJywKICAgICAgICAgIGRlZmF1bHQ6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjRTkzMzIzJwogICAgICAgICAgfV0sCiAgICAgICAgICBjb2xvcjogW3sKICAgICAgICAgICAgaXRlbTogJyNFOTMzMjMnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgdGl0bGVDb2xvcjogewogICAgICAgICAgdGl0bGU6ICfmoIfpopjpopzoibInLAogICAgICAgICAgbmFtZTogJ3R4dENvbG9yJywKICAgICAgICAgIGRlZmF1bHQ6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjRkY2MDAwJwogICAgICAgICAgfV0sCiAgICAgICAgICBjb2xvcjogW3sKICAgICAgICAgICAgaXRlbTogJyNGRjYwMDAnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgYmdDb2xvcjogewogICAgICAgICAgdGl0bGU6ICfog4zmma/popzoibInLAogICAgICAgICAgbmFtZTogJ2JnQ29sb3InLAogICAgICAgICAgZGVmYXVsdDogW3sKICAgICAgICAgICAgaXRlbTogJyNGRERCQjInCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIGl0ZW06ICcjRkRFRkM2JwogICAgICAgICAgfV0sCiAgICAgICAgICBjb2xvcjogW3sKICAgICAgICAgICAgaXRlbTogJyNGRERCQjInCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIGl0ZW06ICcjRkRFRkM2JwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIGJnU3R5bGU6IHsKICAgICAgICAgIHRpdGxlOiAn6IOM5pmv5qC35byPJywKICAgICAgICAgIG5hbWU6ICdiZ1N0eWxlJywKICAgICAgICAgIHR5cGU6IDEsCiAgICAgICAgICBsaXN0OiBbewogICAgICAgICAgICB2YWw6ICfnm7Top5InLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19zcXVhcmUnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+WchuinkicsCiAgICAgICAgICAgIGljb246ICdpY29uUGljX2ZpbGxldCcKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBwckNvbmZpZzogewogICAgICAgICAgdGl0bGU6ICfog4zmma/ovrnot50nLAogICAgICAgICAgdmFsOiAxMCwKICAgICAgICAgIG1pbjogMAogICAgICAgIH0sCiAgICAgICAgcHJvZHVjdEdhcDogewogICAgICAgICAgdGl0bGU6ICfllYblk4Hpl7Tot50nLAogICAgICAgICAgdmFsOiAxMCwKICAgICAgICAgIG1pbjogMAogICAgICAgIH0sCiAgICAgICAgbWJDb25nZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+mhtemdoumXtOi3nScsCiAgICAgICAgICB2YWw6IDAsCiAgICAgICAgICBtaW46IDAKICAgICAgICB9CiAgICAgIH0sCiAgICAgIGJnQ29sb3I6ICcnLAogICAgICBtVG9wOiAnJywKICAgICAgdHh0Q29sb3I6ICcnLAogICAgICBsaXN0UmlnaHQ6ICcnLAogICAgICB0aXRsZUNvbG9yOiAnJywKICAgICAgbGlzdDogW3sKICAgICAgICBpbWc6ICcnLAogICAgICAgIHByaWNlOiAnMjM0JwogICAgICB9LCB7CiAgICAgICAgaW1nOiAnJywKICAgICAgICBwcmljZTogJzIzNCcKICAgICAgfSwgewogICAgICAgIGltZzogJycsCiAgICAgICAgcHJpY2U6ICcyMzQnCiAgICAgIH1dLAogICAgICBwcmljZVNob3c6IHRydWUsCiAgICAgIGJudFNob3c6IHRydWUsCiAgICAgIHBhZ2VEYXRhOiB7fSwKICAgICAgYmdTdHlsZTogMSwKICAgICAgcHJDb25maWc6IDAKICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKCiAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgIF90aGlzLnBhZ2VEYXRhID0gX3RoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbX3RoaXMubnVtXTsKCiAgICAgIF90aGlzLnNldENvbmZpZyhfdGhpcy5wYWdlRGF0YSk7CiAgICB9KTsKICB9LAogIG1ldGhvZHM6IHsKICAgIHNldENvbmZpZzogZnVuY3Rpb24gc2V0Q29uZmlnKGRhdGEpIHsKICAgICAgaWYgKCFkYXRhKSByZXR1cm47CgogICAgICBpZiAoZGF0YS5tYkNvbmdmaWcpIHsKICAgICAgICB0aGlzLmJnQ29sb3IgPSBkYXRhLmJnQ29sb3IuY29sb3I7CiAgICAgICAgdGhpcy5tVG9wID0gZGF0YS5tYkNvbmdmaWcudmFsOwogICAgICAgIHRoaXMudHh0Q29sb3IgPSBkYXRhLnRoZW1lQ29sb3IuY29sb3JbMF0uaXRlbTsKICAgICAgICB0aGlzLmxpc3RSaWdodCA9IGRhdGEucHJvZHVjdEdhcC52YWw7CiAgICAgICAgdGhpcy50aXRsZUNvbG9yID0gZGF0YS50aXRsZUNvbG9yLmNvbG9yWzBdLml0ZW07CiAgICAgICAgdGhpcy5wcmljZVNob3cgPSBkYXRhLnByaWNlU2hvdy52YWw7CiAgICAgICAgdGhpcy5wckNvbmZpZyA9IGRhdGEucHJDb25maWcudmFsOwogICAgICAgIHRoaXMuYmdTdHlsZSA9IGRhdGEuYmdTdHlsZS50eXBlOwogICAgICAgIHRoaXMuYm50U2hvdyA9IGRhdGEuYm50U2hvdy52YWw7CiAgICAgIH0KICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;EACAA,oBADA;EAEAC,WAFA;EAGAC,mBAHA;EAIAC,4BAJA;EAKAC,OALA;EAKA;EACAC,sBANA;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,eADA;QAEAoB,mBAFA;QAGAC;UACAC;QADA,CAHA;QAMAC;UACAC;QADA,CANA;QASAC;UACAC,eADA;UAEAF;QAFA,CATA;QAaAG;UACAD,eADA;UAEAF;QAFA,CAbA;QAiBAI;UACAF,aADA;UAEA1B,kBAFA;UAGA6B,UACA;YACAC;UADA,CADA,CAHA;UAQAC,QACA;YACAD;UADA,CADA;QARA,CAjBA;QA+BAE;UACAN,aADA;UAEA1B,gBAFA;UAGA6B,UACA;YACAC;UADA,CADA,CAHA;UAQAC,QACA;YACAD;UADA,CADA;QARA,CA/BA;QA6CAG;UACAP,aADA;UAEA1B,eAFA;UAGA6B,UACA;YACAC;UADA,CADA,EAIA;YACAA;UADA,CAJA,CAHA;UAWAC,QACA;YACAD;UADA,CADA,EAIA;YACAA;UADA,CAJA;QAXA,CA7CA;QAiEAI;UACAR,aADA;UAEA1B,eAFA;UAGAI,OAHA;UAIA+B,OACA;YACAX,SADA;YAEAtB;UAFA,CADA,EAKA;YACAsB,SADA;YAEAtB;UAFA,CALA;QAJA,CAjEA;QAgFAkC;UACAV,aADA;UAEAF,OAFA;UAGAa;QAHA,CAhFA;QAqFAC;UACAZ,aADA;UAEAF,OAFA;UAGAa;QAHA,CArFA;QA0FAE;UACAb,aADA;UAEAF,MAFA;UAGAa;QAHA;MA1FA,CAFA;MAkGAJ,WAlGA;MAmGAO,QAnGA;MAoGAC,YApGA;MAqGAC,aArGA;MAsGAV,cAtGA;MAuGAG,OACA;QACAQ,OADA;QAEAC;MAFA,CADA,EAKA;QACAD,OADA;QAEAC;MAFA,CALA,EASA;QACAD,OADA;QAEAC;MAFA,CATA,CAvGA;MAqHAnB,eArHA;MAsHAE,aAtHA;MAuHAf,YAvHA;MAwHAsB,UAxHA;MAyHAE;IAzHA;EA2HA,CApKA;EAqKAS,OArKA,qBAqKA;IAAA;;IACA;MACA;;MACA;IACA,CAHA;EAIA,CA1KA;EA2KAC;IACAC,SADA,qBACA7B,IADA,EACA;MACA;;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;EAdA;AA3KA","names":["name","cname","icon","configName","type","defaultName","props","index","num","computed","mapState","watch","pageData","handler","nVal","oVal","deep","defaultArray","data","defaultConfig","timestamp","setUp","tabVal","numConfig","val","priceShow","title","bntShow","themeColor","default","item","color","titleColor","bgColor","bgStyle","list","prConfig","min","productGap","mbCongfig","mTop","txtColor","listRight","img","price","mounted","methods","setConfig"],"sourceRoot":"src/components/mobilePageDiy","sources":["home_bargain.vue"],"sourcesContent":["<template>\r\n <div class=\"mobile-page\" :style=\"{ padding: '0 ' + prConfig + 'px' }\">\r\n <div\r\n class=\"home_bargain\"\r\n :class=\"bgStyle === 0 ? 'bargainOn' : ''\"\r\n :style=\"{\r\n background: `linear-gradient(180deg,${bgColor[0].item} 0%,${bgColor[1].item} 100%)`,\r\n marginTop: `${mTop}px`,\r\n }\"\r\n v-if=\"bgColor.length > 0\"\r\n >\r\n <div class=\"title-bar\" :style=\"{ color: titleColor }\">砍价专区·BARGAINING</div>\r\n <div class=\"list-wrapper\">\r\n <div class=\"item\" v-for=\"(item, index) in list\" :key=\"index\" :style=\"{ marginRight: listRight + 'px' }\">\r\n <div class=\"img-box\">\r\n <img v-if=\"item.img\" :src=\"item.img\" alt=\"\" />\r\n <div class=\"empty-box on\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n <div class=\"con-box\" v-if=\"bntShow || priceShow\">\r\n <div class=\"price\" v-if=\"priceShow\">\r\n <span :style=\"{ color: txtColor }\">￥</span>\r\n <p :style=\"{ color: txtColor }\">{{ item.price }}</p>\r\n </div>\r\n <div v-if=\"bntShow\" class=\"btn\" :style=\"{ background: txtColor }\">立即砍价</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"doc\">\r\n <span class=\"active\"></span>\r\n <span></span>\r\n <span></span>\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_bargain',\r\n cname: '砍价',\r\n icon: 'iconkanjia1',\r\n configName: 'c_home_bargain',\r\n type: 1, // 0 基础组件 1 营销组件 2工具组件\r\n defaultName: 'bargain', // 外面匹配名称\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: 'bargain',\r\n timestamp: this.num,\r\n setUp: {\r\n tabVal: 0,\r\n },\r\n numConfig: {\r\n val: 3,\r\n },\r\n priceShow: {\r\n title: '是否显示价格',\r\n val: true,\r\n },\r\n bntShow: {\r\n title: '是否显示按钮',\r\n val: true,\r\n },\r\n themeColor: {\r\n title: '主题风格',\r\n name: 'themeColor',\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 titleColor: {\r\n title: '标题颜色',\r\n name: 'txtColor',\r\n default: [\r\n {\r\n item: '#FF6000',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#FF6000',\r\n },\r\n ],\r\n },\r\n bgColor: {\r\n title: '背景颜色',\r\n name: 'bgColor',\r\n default: [\r\n {\r\n item: '#FDDBB2',\r\n },\r\n {\r\n item: '#FDEFC6',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#FDDBB2',\r\n },\r\n {\r\n item: '#FDEFC6',\r\n },\r\n ],\r\n },\r\n bgStyle: {\r\n title: '背景样式',\r\n name: 'bgStyle',\r\n type: 1,\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: 10,\r\n min: 0,\r\n },\r\n productGap: {\r\n title: '商品间距',\r\n val: 10,\r\n min: 0,\r\n },\r\n mbCongfig: {\r\n title: '页面间距',\r\n val: 0,\r\n min: 0,\r\n },\r\n },\r\n bgColor: '',\r\n mTop: '',\r\n txtColor: '',\r\n listRight: '',\r\n titleColor: '',\r\n list: [\r\n {\r\n img: '',\r\n price: '234',\r\n },\r\n {\r\n img: '',\r\n price: '234',\r\n },\r\n {\r\n img: '',\r\n price: '234',\r\n },\r\n ],\r\n priceShow: true,\r\n bntShow: true,\r\n pageData: {},\r\n bgStyle: 1,\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.mbCongfig) {\r\n this.bgColor = data.bgColor.color;\r\n this.mTop = data.mbCongfig.val;\r\n this.txtColor = data.themeColor.color[0].item;\r\n this.listRight = data.productGap.val;\r\n this.titleColor = data.titleColor.color[0].item;\r\n this.priceShow = data.priceShow.val;\r\n this.prConfig = data.prConfig.val;\r\n this.bgStyle = data.bgStyle.type;\r\n this.bntShow = data.bntShow.val;\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.mobile-page{\r\n /*margin-bottom 10px*/\r\n}\r\n.bargainOn{\r\n border-radius 0!important\r\n}\r\n.home_bargain\r\n width 100%\r\n padding 15px 10px 10px\r\n background-size 100% 100%\r\n border-radius 6px\r\n .title-bar\r\n width 100%\r\n height 29px\r\n font-size 19px\r\n text-align center\r\n .list-wrapper\r\n display flex\r\n margin-top 10px\r\n width 100%\r\n overflow hidden\r\n .item\r\n flex-shrink 0\r\n width 105px\r\n border-radius:8px 8px 0px 0px;\r\n overflow hidden\r\n .img-box\r\n width 100%\r\n height 105px\r\n img,.box\r\n width 100%\r\n height 100%\r\n .box\r\n background #D8D8D8\r\n .con-box\r\n display flex\r\n flex-direction column\r\n align-items center\r\n padding 6px 0 10px\r\n background #fff\r\n border-radius:0 0 8px 8px;\r\n .price\r\n display flex\r\n align-items center\r\n justify-content center\r\n color #FF4444\r\n p\r\n font-size 16px\r\n font-weight bold\r\n span\r\n font-size 12px\r\n .btn\r\n width:68px;\r\n height:17px;\r\n background:linear-gradient(270deg,rgba(255,84,0,1) 0%,rgba(255,0,0,1) 100%);\r\n border-radius:9px;\r\n color #fff\r\n text-align center\r\n line-height 19px\r\n font-size 12px\r\n .doc\r\n display flex\r\n align-items center\r\n justify-content center\r\n margin-top 10px\r\n span\r\n width:4px;\r\n height:2px;\r\n margin 0 3px\r\n background:#979797;\r\n &.active\r\n width 8px\r\n background #fff\r\n</style>\r\n"]}]}
|
