| 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_pink.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\home_pink.vue","mtime":1677828270166},{"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:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2hvbWVfcGluaycsCiAgY25hbWU6ICfmi7zlm6InLAogIGljb246ICdpY29ucGludHVhbjEnLAogIGNvbmZpZ05hbWU6ICdjX2hvbWVfcGluaycsCiAgdHlwZTogMSwKICAvLyAwIOWfuuehgOe7hOS7tiAxIOiQpemUgOe7hOS7tiAy5bel5YW357uE5Lu2CiAgZGVmYXVsdE5hbWU6ICdjb21iaW5hdGlvbicsCiAgLy8g5aSW6Z2i5Yy56YWN5ZCN56ewCiAgcHJvcHM6IHsKICAgIGluZGV4OiB7CiAgICAgIHR5cGU6IG51bGwKICAgIH0sCiAgICBudW06IHsKICAgICAgdHlwZTogbnVsbAogICAgfQogIH0sCiAgY29tcHV0ZWQ6IF9vYmplY3RTcHJlYWQoe30sIG1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ2RlZmF1bHRBcnJheSddKSksCiAgd2F0Y2g6IHsKICAgIHBhZ2VEYXRhOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9LAogICAgbnVtOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHZhciBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtuVmFsXTsKICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIGRlZmF1bHRBcnJheTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB2YXIgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOwogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8g6buY6K6k5Yid5aeL5YyW5pWw5o2u56aB5q2i5L+u5pS5CiAgICAgIGRlZmF1bHRDb25maWc6IHsKICAgICAgICBuYW1lOiAnY29tYmluYXRpb24nLAogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sCiAgICAgICAgc2V0VXA6IHsKICAgICAgICAgIHRhYlZhbDogMAogICAgICAgIH0sCiAgICAgICAgbnVtQ29uZmlnOiB7CiAgICAgICAgICB2YWw6IDMKICAgICAgICB9LAogICAgICAgIHByaWNlU2hvdzogewogICAgICAgICAgdGl0bGU6ICfmmK/lkKbmmL7npLrku7fmoLwnLAogICAgICAgICAgdmFsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICBibnRTaG93OiB7CiAgICAgICAgICB0aXRsZTogJ+aYr+WQpuaYvuekuuaMiemSricsCiAgICAgICAgICB2YWw6IHRydWUKICAgICAgICB9LAogICAgICAgIHRpdGxlU2hvdzogewogICAgICAgICAgdGl0bGU6ICfmmK/lkKbmmL7npLrlkI3np7AnLAogICAgICAgICAgdmFsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICBwaW5rU2hvdzogewogICAgICAgICAgdGl0bGU6ICfmmK/lkKbmmL7npLrmi7zlm6LmoIfnrb4nLAogICAgICAgICAgdmFsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICBqb2luU2hvdzogewogICAgICAgICAgdGl0bGU6ICfmmK/lkKbmmL7npLrlj4Llm6LmoIfnrb4nLAogICAgICAgICAgdmFsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICB0eHRDb2xvcjogewogICAgICAgICAgdGl0bGU6ICfmloflrZfog4zmma/oibInLAogICAgICAgICAgbmFtZTogJ3RoZW1lQ29sb3InLAogICAgICAgICAgZGVmYXVsdDogW3sKICAgICAgICAgICAgaXRlbTogJ3JnYmEoMjU1LDY4LDY4LDAuMSknCiAgICAgICAgICB9XSwKICAgICAgICAgIGNvbG9yOiBbewogICAgICAgICAgICBpdGVtOiAncmdiYSgyNTUsNjgsNjgsMC4xKScKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBjb25TdHlsZTogewogICAgICAgICAgdGl0bGU6ICfog4zmma/moLflvI8nLAogICAgICAgICAgbmFtZTogJ2NvblN0eWxlJywKICAgICAgICAgIHR5cGU6IDEsCiAgICAgICAgICBsaXN0OiBbewogICAgICAgICAgICB2YWw6ICfnm7Top5InLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19zcXVhcmUnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+WchuinkicsCiAgICAgICAgICAgIGljb246ICdpY29uUGljX2ZpbGxldCcKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBiZ0NvbG9yOiB7CiAgICAgICAgICB0aXRsZTogJ+iDjOaZr+minOiJsicsCiAgICAgICAgICBuYW1lOiAndGhlbWVDb2xvcicsCiAgICAgICAgICBkZWZhdWx0OiBbewogICAgICAgICAgICBpdGVtOiAnI2ZmZicKICAgICAgICAgIH1dLAogICAgICAgICAgY29sb3I6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjZmZmJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIHByQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+iDjOaZr+i+uei3nScsCiAgICAgICAgICB2YWw6IDEwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfSwKICAgICAgICB0aGVtZUNvbG9yOiB7CiAgICAgICAgICB0aXRsZTogJ+S4u+mimOmjjuagvCcsCiAgICAgICAgICBuYW1lOiAndGhlbWVDb2xvcicsCiAgICAgICAgICBkZWZhdWx0OiBbewogICAgICAgICAgICBpdGVtOiAnI0U5MzMyMycKICAgICAgICAgIH1dLAogICAgICAgICAgY29sb3I6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjRTkzMzIzJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIC8vIOmhtemdoumXtOi3nQogICAgICAgIG1iQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+mhtemdoumXtOi3nScsCiAgICAgICAgICB2YWw6IDAsCiAgICAgICAgICBtaW46IDAKICAgICAgICB9LAogICAgICAgIC8vIOW3puWPs+mXtOi3nQogICAgICAgIGxyQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+W3puWPs+i+uei3nScsCiAgICAgICAgICB2YWw6IDEwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfSwKICAgICAgICBpbWdDb25maWc6IHsKICAgICAgICAgIHRpdGxlOiAn5pyA5aSa5Y+v5re75YqgMeW8oOWbvueJh++8jOW7uuiuruWuveW6pjE4ICogMThweCcsCiAgICAgICAgICB1cmw6ICdodHRwOi8vcHJvLmNybWViLm5ldC9zdGF0aWMvaW1hZ2VzL2dyb3VwMDIuZ2lmJwogICAgICAgIH0KICAgICAgfSwKICAgICAgbGlzdDogW3sKICAgICAgICBpbWc6ICcnLAogICAgICAgIG5hbWU6ICflsI/nsbPlrrbnlKjnlLXppa3nhbInLAogICAgICAgIHByaWNlOiAnMjM0JywKICAgICAgICBudW06ICcxMjM0JwogICAgICB9LCB7CiAgICAgICAgaW1nOiAnJywKICAgICAgICBuYW1lOiAn5bCP57Gz5a6255So55S16aWt54WyJywKICAgICAgICBwcmljZTogJzIzNCcsCiAgICAgICAgbnVtOiAnMTIzNCcKICAgICAgfSwgewogICAgICAgIGltZzogJycsCiAgICAgICAgbmFtZTogJ+Wwj+exs+WutueUqOeUtemlreeFsicsCiAgICAgICAgcHJpY2U6ICcyMzQnLAogICAgICAgIG51bTogJzEyMzQnCiAgICAgIH1dLAogICAgICB0eHRDb2xvcjogJycsCiAgICAgIGxpc3RSaWdodDogJycsCiAgICAgIG1Ub3A6ICcnLAogICAgICB0eHRCZzogJycsCiAgICAgIHBhZ2VEYXRhOiB7fSwKICAgICAgaW1nVXJsOiAnJywKICAgICAgcHJpY2VTaG93OiB0cnVlLAogICAgICBibnRTaG93OiB0cnVlLAogICAgICB0aXRsZVNob3c6IHRydWUsCiAgICAgIHBpbmtTaG93OiB0cnVlLAogICAgICBqb2luU2hvdzogdHJ1ZSwKICAgICAgcHJDb25maWc6IDAsCiAgICAgIGJnQ29sb3I6ICcnLAogICAgICBjb25TdHlsZTogMQogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7CiAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMucGFnZURhdGEgPSBfdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtfdGhpcy5udW1dOwoKICAgICAgX3RoaXMuc2V0Q29uZmlnKF90aGlzLnBhZ2VEYXRhKTsKICAgIH0pOwogIH0sCiAgbWV0aG9kczogewogICAgc2V0Q29uZmlnOiBmdW5jdGlvbiBzZXRDb25maWcoZGF0YSkgewogICAgICBpZiAoIWRhdGEpIHJldHVybjsKCiAgICAgIGlmIChkYXRhLm1iQ29uZmlnKSB7CiAgICAgICAgdGhpcy50eHRDb2xvciA9IGRhdGEudGhlbWVDb2xvci5jb2xvclswXS5pdGVtOwogICAgICAgIHRoaXMubGlzdFJpZ2h0ID0gZGF0YS5sckNvbmZpZy52YWw7CiAgICAgICAgdGhpcy5tVG9wID0gZGF0YS5tYkNvbmZpZy52YWw7CiAgICAgICAgdGhpcy50eHRCZyA9IGRhdGEudHh0Q29sb3IuY29sb3JbMF0uaXRlbTsKICAgICAgICB0aGlzLmltZ1VybCA9IGRhdGEuaW1nQ29uZmlnLnVybDsKICAgICAgICB0aGlzLnByaWNlU2hvdyA9IGRhdGEucHJpY2VTaG93LnZhbDsKICAgICAgICB0aGlzLmJudFNob3cgPSBkYXRhLmJudFNob3cudmFsOwogICAgICAgIHRoaXMudGl0bGVTaG93ID0gZGF0YS50aXRsZVNob3cudmFsOwogICAgICAgIHRoaXMucGlua1Nob3cgPSBkYXRhLnBpbmtTaG93LnZhbDsKICAgICAgICB0aGlzLmpvaW5TaG93ID0gZGF0YS5qb2luU2hvdy52YWw7CiAgICAgICAgdGhpcy5wckNvbmZpZyA9IGRhdGEucHJDb25maWcudmFsOwogICAgICAgIHRoaXMuYmdDb2xvciA9IGRhdGEuYmdDb2xvci5jb2xvclswXS5pdGVtOwogICAgICAgIHRoaXMuY29uU3R5bGUgPSBkYXRhLmNvblN0eWxlLnR5cGU7CiAgICAgIH0KICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;EACAA,iBADA;EAEAC,WAFA;EAGAC,oBAHA;EAIAC,yBAJA;EAKAC,OALA;EAKA;EACAC,0BANA;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,mBADA;QAEAoB,mBAFA;QAGAC;UACAC;QADA,CAHA;QAMAC;UACAC;QADA,CANA;QASAC;UACAC,eADA;UAEAF;QAFA,CATA;QAaAG;UACAD,eADA;UAEAF;QAFA,CAbA;QAiBAI;UACAF,eADA;UAEAF;QAFA,CAjBA;QAqBAK;UACAH,iBADA;UAEAF;QAFA,CArBA;QAyBAM;UACAJ,iBADA;UAEAF;QAFA,CAzBA;QA6BAO;UACAL,cADA;UAEA1B,kBAFA;UAGAgC,UACA;YACAC;UADA,CADA,CAHA;UAQAC,QACA;YACAD;UADA,CADA;QARA,CA7BA;QA2CAE;UACAT,aADA;UAEA1B,gBAFA;UAGAI,OAHA;UAIAgC,OACA;YACAZ,SADA;YAEAtB;UAFA,CADA,EAKA;YACAsB,SADA;YAEAtB;UAFA,CALA;QAJA,CA3CA;QA0DAmC;UACAX,aADA;UAEA1B,kBAFA;UAGAgC,UACA;YACAC;UADA,CADA,CAHA;UAQAC,QACA;YACAD;UADA,CADA;QARA,CA1DA;QAwEAK;UACAZ,aADA;UAEAF,OAFA;UAGAe;QAHA,CAxEA;QA6EAC;UACAd,aADA;UAEA1B,kBAFA;UAGAgC,UACA;YACAC;UADA,CADA,CAHA;UAQAC,QACA;YACAD;UADA,CADA;QARA,CA7EA;QA2FA;QACAQ;UACAf,aADA;UAEAF,MAFA;UAGAe;QAHA,CA5FA;QAiGA;QACAG;UACAhB,aADA;UAEAF,OAFA;UAGAe;QAHA,CAlGA;QAuGAI;UACAjB,gCADA;UAEAkB;QAFA;MAvGA,CAFA;MA8GAR,OACA;QACAS,OADA;QAEA7C,eAFA;QAGA8C,YAHA;QAIAtC;MAJA,CADA,EAOA;QACAqC,OADA;QAEA7C,eAFA;QAGA8C,YAHA;QAIAtC;MAJA,CAPA,EAaA;QACAqC,OADA;QAEA7C,eAFA;QAGA8C,YAHA;QAIAtC;MAJA,CAbA,CA9GA;MAkIAuB,YAlIA;MAmIAgB,aAnIA;MAoIAC,QApIA;MAqIAC,SArIA;MAsIArC,YAtIA;MAuIAsC,UAvIA;MAwIAzB,eAxIA;MAyIAE,aAzIA;MA0IAC,eA1IA;MA2IAC,cA3IA;MA4IAC,cA5IA;MA6IAQ,WA7IA;MA8IAD,WA9IA;MA+IAF;IA/IA;EAiJA,CA1LA;EA2LAgB,OA3LA,qBA2LA;IAAA;;IACA;MACA;;MACA;IACA,CAHA;EAIA,CAhMA;EAiMAC;IACAC,SADA,qBACAnC,IADA,EACA;MACA;;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;EAlBA;AAjMA","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","titleShow","pinkShow","joinShow","txtColor","default","item","color","conStyle","list","bgColor","prConfig","min","themeColor","mbConfig","lrConfig","imgConfig","url","img","price","listRight","mTop","txtBg","imgUrl","mounted","methods","setConfig"],"sourceRoot":"src/components/mobilePageDiy","sources":["home_pink.vue"],"sourcesContent":["<template>\r\n <div :style=\"{ padding: '0 ' + prConfig + 'px' }\">\r\n <div class=\"home_pink\" :class=\"conStyle ? '' : 'pinkOn'\" :style=\"{ background: bgColor, marginTop: mTop + 'px' }\">\r\n <div class=\"title-wrapper\">\r\n <div class=\"left\">\r\n <!-- -->\r\n <img class=\"icon\" :src=\"imgUrl\" alt=\"\" />\r\n <span>拼团活动</span>\r\n <div class=\"avatar-wrapper\">\r\n <img src=\"@/assets/images/ren1.png\" alt=\"\" />\r\n <img src=\"@/assets/images/ren2.png\" alt=\"\" />\r\n </div>\r\n <p class=\"num\">1234人拼团成功</p>\r\n </div>\r\n <div class=\"right\">更多</div>\r\n </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 v-else class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n <div class=\"num\" v-if=\"joinShow\">{{ item.num }}参团</div>\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"title line1\" v-if=\"titleShow\">{{ item.name }}</div>\r\n <div class=\"price\">\r\n <span class=\"label\" :style=\"{ background: txtBg, color: txtColor }\" v-if=\"pinkShow\">拼团价</span>\r\n <p class=\"num\" :style=\"{ color: txtColor }\" v-if=\"priceShow\">\r\n <span>￥</span>\r\n {{ item.price }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"btn\" :style=\"{ background: txtColor }\" v-if=\"bntShow\">参与拼团</div>\r\n </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_pink',\r\n cname: '拼团',\r\n icon: 'iconpintuan1',\r\n configName: 'c_home_pink',\r\n type: 1, // 0 基础组件 1 营销组件 2工具组件\r\n defaultName: 'combination', // 外面匹配名称\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: 'combination',\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 titleShow: {\r\n title: '是否显示名称',\r\n val: true,\r\n },\r\n pinkShow: {\r\n title: '是否显示拼团标签',\r\n val: true,\r\n },\r\n joinShow: {\r\n title: '是否显示参团标签',\r\n val: true,\r\n },\r\n txtColor: {\r\n title: '文字背景色',\r\n name: 'themeColor',\r\n default: [\r\n {\r\n item: 'rgba(255,68,68,0.1)',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: 'rgba(255,68,68,0.1)',\r\n },\r\n ],\r\n },\r\n conStyle: {\r\n title: '背景样式',\r\n name: 'conStyle',\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 bgColor: {\r\n title: '背景颜色',\r\n name: 'themeColor',\r\n default: [\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n },\r\n prConfig: {\r\n title: '背景边距',\r\n val: 10,\r\n min: 0,\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 // 页面间距\r\n mbConfig: {\r\n title: '页面间距',\r\n val: 0,\r\n min: 0,\r\n },\r\n // 左右间距\r\n lrConfig: {\r\n title: '左右边距',\r\n val: 10,\r\n min: 0,\r\n },\r\n imgConfig: {\r\n title: '最多可添加1张图片，建议宽度18 * 18px',\r\n url: 'http://pro.crmeb.net/static/images/group02.gif',\r\n },\r\n },\r\n list: [\r\n {\r\n img: '',\r\n name: '小米家用电饭煲',\r\n price: '234',\r\n num: '1234',\r\n },\r\n {\r\n img: '',\r\n name: '小米家用电饭煲',\r\n price: '234',\r\n num: '1234',\r\n },\r\n {\r\n img: '',\r\n name: '小米家用电饭煲',\r\n price: '234',\r\n num: '1234',\r\n },\r\n ],\r\n txtColor: '',\r\n listRight: '',\r\n mTop: '',\r\n txtBg: '',\r\n pageData: {},\r\n imgUrl: '',\r\n priceShow: true,\r\n bntShow: true,\r\n titleShow: true,\r\n pinkShow: true,\r\n joinShow: true,\r\n prConfig: 0,\r\n bgColor: '',\r\n conStyle: 1,\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.txtColor = data.themeColor.color[0].item;\r\n this.listRight = data.lrConfig.val;\r\n this.mTop = data.mbConfig.val;\r\n this.txtBg = data.txtColor.color[0].item;\r\n this.imgUrl = data.imgConfig.url;\r\n this.priceShow = data.priceShow.val;\r\n this.bntShow = data.bntShow.val;\r\n this.titleShow = data.titleShow.val;\r\n this.pinkShow = data.pinkShow.val;\r\n this.joinShow = data.joinShow.val;\r\n this.prConfig = data.prConfig.val;\r\n this.bgColor = data.bgColor.color[0].item;\r\n this.conStyle = data.conStyle.type;\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.pinkOn{\r\n border-radius 0!important\r\n}\r\n.pageOn{\r\n border-radius 10px!important\r\n}\r\n.mobile-page{\r\n padding-top 10px\r\n}\r\n.home_pink\r\n padding 10px 12px\r\n background #fff\r\n border-radius 10px\r\n .title-wrapper\r\n display flex\r\n align-items center\r\n justify-content space-between\r\n .left\r\n display flex\r\n align-items center\r\n span\r\n margin-left 5px\r\n font-size 16px\r\n .icon\r\n width 18px\r\n height 18px\r\n border-radius 50%\r\n .avatar-wrapper\r\n display flex\r\n align-items center\r\n margin-left 14px\r\n img\r\n width 15px\r\n height 15px\r\n margin-left -5px\r\n border 1px solid #fff\r\n border-radius 50%\r\n .num\r\n margin-left 3px\r\n color #999\r\n font-size 13px\r\n .list-wrapper\r\n display flex\r\n margin-top 10px\r\n overflow hidden\r\n .item\r\n flex-shrink 0\r\n width 110px\r\n background #fff\r\n border-radius 8px\r\n .img-box\r\n position relative\r\n width 100%\r\n height 110px\r\n img,.box\r\n width 100%\r\n height 100%\r\n border-radius:8px 8px 0px 0px;\r\n .box\r\n background #D8D8D8\r\n .num\r\n position absolute\r\n left 6px\r\n top 6px\r\n width:70px;\r\n height:16px;\r\n line-height 16px\r\n text-align center\r\n background:rgba(0,0,0,0.1);\r\n box-shadow:1px 1px 4px 0px rgba(0,0,0,0.06);\r\n border-radius:8px;\r\n color #fff\r\n font-size 12px\r\n .info\r\n padding 5px 7px\r\n .title\r\n font-size 12px\r\n color #282828\r\n .price\r\n display flex\r\n align-items center\r\n .label\r\n display inline-block\r\n height 20px\r\n line-height 20px\r\n padding 0 3px\r\n margin-right 3px\r\n font-size:9px;\r\n font-weight:400;\r\n text-shadow:1px 1px 4px rgba(0,0,0,0.06);\r\n color #FF4444\r\n .num\r\n color #FF4444\r\n font-size 16px\r\n font-weight bold\r\n span\r\n font-size 12px\r\n .btn\r\n width:110px;\r\n height:24px;\r\n box-shadow:1px 1px 4px 0px rgba(0,0,0,0.06);\r\n border-radius:0px 0px 8px 8px;\r\n text-align center\r\n line-height 24px\r\n color #fff\r\n</style>\r\n"]}]}
|
