| 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\\picture_cube.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\picture_cube.vue","mtime":1677828270167},{"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:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3BpY3R1cmVfY3ViZScsCiAgY25hbWU6ICflm77niYfprZTmlrknLAogIGNvbmZpZ05hbWU6ICdjX3BpY3R1cmVfY3ViZScsCiAgaWNvbjogJ2ljb25jdXhpYW9saWViaWFvMScsCiAgdHlwZTogMCwKICAvLyAwIOWfuuehgOe7hOS7tiAxIOiQpemUgOe7hOS7tiAy5bel5YW357uE5Lu2CiAgZGVmYXVsdE5hbWU6ICdwaWN0dXJlQ3ViZScsCiAgLy8g5aSW6Z2i5Yy56YWN5ZCN56ewCiAgcHJvcHM6IHsKICAgIGluZGV4OiB7CiAgICAgIHR5cGU6IG51bGwKICAgIH0sCiAgICBudW06IHsKICAgICAgdHlwZTogbnVsbAogICAgfQogIH0sCiAgY29tcHV0ZWQ6IF9vYmplY3RTcHJlYWQoe30sIG1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ2RlZmF1bHRBcnJheSddKSksCiAgd2F0Y2g6IHsKICAgIHBhZ2VEYXRhOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9LAogICAgbnVtOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHZhciBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtuVmFsXTsKICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIGRlZmF1bHRBcnJheTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB2YXIgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOwogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8g6buY6K6k5Yid5aeL5YyW5pWw5o2u56aB5q2i5L+u5pS5CiAgICAgIGRlZmF1bHRDb25maWc6IHsKICAgICAgICBuYW1lOiAncGljdHVyZUN1YmUnLAogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sCiAgICAgICAgdGFiQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+mAieaLqeagt+W8jycsCiAgICAgICAgICB0YWJWYWw6IDAsCiAgICAgICAgICB0eXBlOiAxLAogICAgICAgICAgdGFiTGlzdDogW3sKICAgICAgICAgICAgbmFtZTogJ+agt+W8j+S4gCcsCiAgICAgICAgICAgIGljb246ICdpY29ueWFuZ3NoaTEnLAogICAgICAgICAgICBjb3VudDogMQogICAgICAgICAgfSwgewogICAgICAgICAgICBuYW1lOiAn5qC35byP5LqMJywKICAgICAgICAgICAgaWNvbjogJ2ljb255YW5nc2hpMicsCiAgICAgICAgICAgIGNvdW50OiAyCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIG5hbWU6ICfmoLflvI/kuIknLAogICAgICAgICAgICBpY29uOiAnaWNvbnlhbmdzaGkzJywKICAgICAgICAgICAgY291bnQ6IDMKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgbmFtZTogJ+agt+W8j+WbmycsCiAgICAgICAgICAgIGljb246ICdpY29ueWFuZ3NoaTknLAogICAgICAgICAgICBjb3VudDogMwogICAgICAgICAgfSwgewogICAgICAgICAgICBuYW1lOiAn5qC35byP5LqUJywKICAgICAgICAgICAgaWNvbjogJ2ljb255YW5nc2hpOCcsCiAgICAgICAgICAgIGNvdW50OiA0CiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIG5hbWU6ICfmoLflvI/lha0nLAogICAgICAgICAgICBpY29uOiAnaWNvbnlhbmdzaGk0JywKICAgICAgICAgICAgY291bnQ6IDQKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBwaWNTdHlsZTogewogICAgICAgICAgdGFiVmFsOiAwLAogICAgICAgICAgcGljTGlzdDogW10KICAgICAgICB9LAogICAgICAgIG1lbnVDb25maWc6IHsKICAgICAgICAgIHRpdGxlOiAnJywKICAgICAgICAgIG1heExpc3Q6IDEsCiAgICAgICAgICBpc0N1YmU6IDEsCiAgICAgICAgICBsaXN0OiBbewogICAgICAgICAgICBpbWc6ICcnLAogICAgICAgICAgICBpbmZvOiBbewogICAgICAgICAgICAgIHRpdGxlOiAn6ZO+5o6lJywKICAgICAgICAgICAgICB0aXBzOiAn6K+36L6T5YWl6ZO+5o6lJywKICAgICAgICAgICAgICB2YWx1ZTogJycsCiAgICAgICAgICAgICAgbWF4OiAxMDAKICAgICAgICAgICAgfV0KICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBiZ0NvbG9yOiB7CiAgICAgICAgICB0aXRsZTogJ+iDjOaZr+minOiJsicsCiAgICAgICAgICBkZWZhdWx0OiBbewogICAgICAgICAgICBpdGVtOiAnI2ZmZicKICAgICAgICAgIH1dLAogICAgICAgICAgY29sb3I6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjZmZmJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIGJnU3R5bGU6IHsKICAgICAgICAgIHRpdGxlOiAn6IOM5pmv5qC35byPJywKICAgICAgICAgIG5hbWU6ICdiZ1N0eWxlJywKICAgICAgICAgIHR5cGU6IDAsCiAgICAgICAgICBsaXN0OiBbewogICAgICAgICAgICB2YWw6ICfnm7Top5InLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19zcXVhcmUnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+WchuinkicsCiAgICAgICAgICAgIGljb246ICdpY29uUGljX2ZpbGxldCcKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBwckNvbmZpZzogewogICAgICAgICAgdGl0bGU6ICfog4zmma/ovrnot50nLAogICAgICAgICAgdmFsOiAwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfSwKICAgICAgICAvLyDpobXpnaLpl7Tot50KICAgICAgICBtYkNvbmZpZzogewogICAgICAgICAgdGl0bGU6ICfpobXpnaLpl7Tot50nLAogICAgICAgICAgdmFsOiAwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfQogICAgICB9LAogICAgICBwYWdlRGF0YToge30sCiAgICAgIHN0eWxlOiAwLAogICAgICBwaWNMaXN0OiBbXSwKICAgICAgYmdDb2xvcjogW10sCiAgICAgIHNsaWRlcjogMCwKICAgICAgYmdTdHlsZTogMCwKICAgICAgcHJDb25maWc6IDAKICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKCiAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgIF90aGlzLnBhZ2VEYXRhID0gX3RoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbX3RoaXMubnVtXTsKCiAgICAgIF90aGlzLnNldENvbmZpZyhfdGhpcy5wYWdlRGF0YSk7CiAgICB9KTsKICB9LAogIG1ldGhvZHM6IHsKICAgIHNldENvbmZpZzogZnVuY3Rpb24gc2V0Q29uZmlnKGRhdGEpIHsKICAgICAgaWYgKCFkYXRhKSByZXR1cm47CgogICAgICBpZiAoZGF0YS50YWJDb25maWcpIHsKICAgICAgICB0aGlzLnN0eWxlID0gZGF0YS50YWJDb25maWcudGFiVmFsOwogICAgICAgIHRoaXMuYmdTdHlsZSA9IGRhdGEuYmdTdHlsZS50eXBlOwogICAgICAgIHRoaXMucHJDb25maWcgPSBkYXRhLnByQ29uZmlnLnZhbDsKICAgICAgICB0aGlzLnNsaWRlciA9IGRhdGEubWJDb25maWcudmFsOwogICAgICAgIHRoaXMuYmdDb2xvciA9IGRhdGEuYmdDb2xvci5jb2xvclswXS5pdGVtOwoKICAgICAgICBpZiAoIWRhdGEucGljU3R5bGUucGljTGlzdC5sZW5ndGgpIHsKICAgICAgICAgIHRoaXMucGljTGlzdCA9IFt7CiAgICAgICAgICAgIGltYWdlOiAnJywKICAgICAgICAgICAgbGluazogJycKICAgICAgICAgIH1dOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0aGlzLnBpY0xpc3QgPSBkYXRhLnBpY1N0eWxlLnBpY0xpc3Q7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA;AACA;EACAA,oBADA;EAEAC,aAFA;EAGAC,4BAHA;EAIAC,0BAJA;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,aADA;UAEAC,SAFA;UAGAnB,OAHA;UAIAoB,UACA;YACAxB,WADA;YAEAG,oBAFA;YAGAsB;UAHA,CADA,EAMA;YACAzB,WADA;YAEAG,oBAFA;YAGAsB;UAHA,CANA,EAWA;YACAzB,WADA;YAEAG,oBAFA;YAGAsB;UAHA,CAXA,EAgBA;YACAzB,WADA;YAEAG,oBAFA;YAGAsB;UAHA,CAhBA,EAqBA;YACAzB,WADA;YAEAG,oBAFA;YAGAsB;UAHA,CArBA,EA0BA;YACAzB,WADA;YAEAG,oBAFA;YAGAsB;UAHA,CA1BA;QAJA,CAHA;QAwCAC;UACAH,SADA;UAEAI;QAFA,CAxCA;QA4CAC;UACAN,SADA;UAEAO,UAFA;UAGAC,SAHA;UAIAC,OACA;YACAC,OADA;YAEAC,OACA;cACAX,WADA;cAEAY,aAFA;cAGAC,SAHA;cAIAC;YAJA,CADA;UAFA,CADA;QAJA,CA5CA;QA8DAC;UACAf,aADA;UAEAgB,UACA;YACAC;UADA,CADA,CAFA;UAOAC,QACA;YACAD;UADA,CADA;QAPA,CA9DA;QA2EAE;UACAnB,aADA;UAEAtB,eAFA;UAGAI,OAHA;UAIA2B,OACA;YACAW,SADA;YAEAvC;UAFA,CADA,EAKA;YACAuC,SADA;YAEAvC;UAFA,CALA;QAJA,CA3EA;QA0FAwC;UACArB,aADA;UAEAoB,MAFA;UAGAE;QAHA,CA1FA;QA+FA;QACAC;UACAvB,aADA;UAEAoB,MAFA;UAGAE;QAHA;MAhGA,CAFA;MAwGAhC,YAxGA;MAyGAkC,QAzGA;MA0GAnB,WA1GA;MA2GAU,WA3GA;MA4GAU,SA5GA;MA6GAN,UA7GA;MA8GAE;IA9GA;EAgHA,CAzJA;EA0JAK,OA1JA,qBA0JA;IAAA;;IACA;MACA;;MACA;IACA,CAHA;EAIA,CA/JA;EAgKAC;IACAC,SADA,qBACAhC,IADA,EACA;MACA;;MACA;QACA;QACA;QACA;QACA;QACA;;QACA;UACA,gBACA;YACAiC,SADA;YAEAC;UAFA,CADA;QAMA,CAPA,MAOA;UACA;QACA;MACA;IACA;EApBA;AAhKA","names":["name","cname","configName","icon","type","defaultName","props","index","num","computed","mapState","watch","pageData","handler","nVal","oVal","deep","defaultArray","data","defaultConfig","timestamp","tabConfig","title","tabVal","tabList","count","picStyle","picList","menuConfig","maxList","isCube","list","img","info","tips","value","max","bgColor","default","item","color","bgStyle","val","prConfig","min","mbConfig","style","slider","mounted","methods","setConfig","image","link"],"sourceRoot":"src/components/mobilePageDiy","sources":["picture_cube.vue"],"sourcesContent":["<template>\r\n <div class=\"mobile-page\">\r\n <div\r\n class=\"advert\"\r\n :class=\"{ pageOn: bgStyle === 1 }\"\r\n :style=\"{\r\n marginLeft: prConfig + 'px',\r\n marginRight: prConfig + 'px',\r\n marginTop: slider + 'px',\r\n background: bgColor,\r\n }\"\r\n >\r\n <div class=\"advertItem01 acea-row\" v-if=\"style === 0\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n <div class=\"advertItem02 acea-row\" v-if=\"style === 1\">\r\n <div class=\"item\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem02 advertItem03 acea-row\" v-if=\"style === 2\">\r\n <div class=\"item\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem04 acea-row\" v-if=\"style === 3\">\r\n <div class=\"item\">\r\n <img :src=\"picList[0].image\" v-if=\"picList[0].image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"pic\">\r\n <img :src=\"picList[1].image\" v-if=\"picList[1].image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n <div class=\"pic\">\r\n <img :src=\"picList[2].image\" v-if=\"picList[2].image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem02 advertItem05 acea-row\" v-if=\"style === 4\">\r\n <div class=\"item\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem06 acea-row\" v-if=\"style === 5\">\r\n <div class=\"item\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <span class=\"iconfont-diy icontupian\"></span>\r\n </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: 'picture_cube',\r\n cname: '图片魔方',\r\n configName: 'c_picture_cube',\r\n icon: 'iconcuxiaoliebiao1',\r\n type: 0, // 0 基础组件 1 营销组件 2工具组件\r\n defaultName: 'pictureCube', // 外面匹配名称\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: 'pictureCube',\r\n timestamp: this.num,\r\n tabConfig: {\r\n title: '选择样式',\r\n tabVal: 0,\r\n type: 1,\r\n tabList: [\r\n {\r\n name: '样式一',\r\n icon: 'iconyangshi1',\r\n count: 1,\r\n },\r\n {\r\n name: '样式二',\r\n icon: 'iconyangshi2',\r\n count: 2,\r\n },\r\n {\r\n name: '样式三',\r\n icon: 'iconyangshi3',\r\n count: 3,\r\n },\r\n {\r\n name: '样式四',\r\n icon: 'iconyangshi9',\r\n count: 3,\r\n },\r\n {\r\n name: '样式五',\r\n icon: 'iconyangshi8',\r\n count: 4,\r\n },\r\n {\r\n name: '样式六',\r\n icon: 'iconyangshi4',\r\n count: 4,\r\n },\r\n ],\r\n },\r\n picStyle: {\r\n tabVal: 0,\r\n picList: [],\r\n },\r\n menuConfig: {\r\n title: '',\r\n maxList: 1,\r\n isCube: 1,\r\n list: [\r\n {\r\n img: '',\r\n info: [\r\n {\r\n title: '链接',\r\n tips: '请输入链接',\r\n value: '',\r\n max: 100,\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n bgColor: {\r\n title: '背景颜色',\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 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 // 页面间距\r\n mbConfig: {\r\n title: '页面间距',\r\n val: 0,\r\n min: 0,\r\n },\r\n },\r\n pageData: {},\r\n style: 0,\r\n picList: [],\r\n bgColor: [],\r\n slider: 0,\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.tabConfig) {\r\n this.style = data.tabConfig.tabVal;\r\n this.bgStyle = data.bgStyle.type;\r\n this.prConfig = data.prConfig.val;\r\n this.slider = data.mbConfig.val;\r\n this.bgColor = data.bgColor.color[0].item;\r\n if (!data.picStyle.picList.length) {\r\n this.picList = [\r\n {\r\n image: '',\r\n link: '',\r\n },\r\n ];\r\n } else {\r\n this.picList = data.picStyle.picList;\r\n }\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped lang=\"stylus\">\r\n.pageOn{\r\n border-radius 12px!important\r\n .advertItem01{\r\n img{\r\n border-radius 10px\r\n }\r\n }\r\n .advertItem02{\r\n .item{\r\n &:nth-child(1){\r\n img{\r\n border-radius 10px 0 0 10px\r\n }\r\n }\r\n &:nth-child(2){\r\n img{\r\n border-radius 0 10px 10px 0\r\n }\r\n }\r\n }\r\n }\r\n .advertItem03{\r\n .item{\r\n &:nth-child(1){\r\n img{\r\n border-radius 10px 0 0 10px\r\n }\r\n }\r\n &:nth-child(2){\r\n img{\r\n border-radius 0\r\n }\r\n }\r\n &:nth-child(3){\r\n img{\r\n border-radius 0 10px 10px 0\r\n }\r\n }\r\n }\r\n }\r\n .advertItem04{\r\n .item{\r\n &:nth-child(1){\r\n img{\r\n border-radius 10px 0 0 10px\r\n }\r\n }\r\n &:nth-child(2){\r\n .pic{\r\n &:nth-child(1){\r\n img{\r\n border-radius 0 10px 0 0\r\n }\r\n }\r\n &:nth-child(2){\r\n img{\r\n border-radius 0 0 10px 0\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .advertItem05{\r\n .item{\r\n &:nth-child(1){\r\n img{\r\n border-radius 10px 0 0 10px\r\n }\r\n }\r\n &:nth-child(2){\r\n img{\r\n border-radius 0\r\n }\r\n }\r\n &:nth-child(4){\r\n img{\r\n border-radius 0 10px 10px 0\r\n }\r\n }\r\n }\r\n }\r\n .advertItem06{\r\n .item{\r\n &:nth-child(1){\r\n img{\r\n border-radius 10px 0 0 0\r\n }\r\n }\r\n &:nth-child(2){\r\n img{\r\n border-radius 0 10px 0 0\r\n }\r\n }\r\n &:nth-child(3){\r\n img{\r\n border-radius 0 0 0 10px\r\n }\r\n }\r\n &:nth-child(4){\r\n img{\r\n border-radius 0 0 10px 0\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.mobile-page{\r\n .advert{\r\n .advertItem01{\r\n width 100%;\r\n height 100%;\r\n .empty-box{\r\n width 100%;\r\n height 379px;\r\n border-radius 0;\r\n .icontupian{\r\n font-size 50px;\r\n color #999;\r\n }\r\n }\r\n img{\r\n width 100%;\r\n height 100%\r\n }\r\n }\r\n .advertItem02{\r\n width 100%\r\n .item{\r\n width 50%;\r\n height auto;\r\n img{\r\n width 100%;\r\n height 100%;\r\n }\r\n .empty-box{\r\n width 100%;\r\n height 189.5px;\r\n border-radius 0;\r\n }\r\n }\r\n }\r\n .advertItem03{\r\n .item{\r\n width 33.3333%;\r\n .empty-box{\r\n width 100%;\r\n height 126.4px;\r\n border-radius 0;\r\n }\r\n }\r\n }\r\n .advertItem04{\r\n .item{\r\n width 50%;\r\n height 189.5px;\r\n .empty-box{\r\n width 100%;\r\n height 100%;\r\n border-radius 0;\r\n }\r\n img{\r\n width 100%;\r\n height 100%;\r\n }\r\n .pic{\r\n width 100%;\r\n height 94.75px;\r\n }\r\n }\r\n }\r\n .advertItem05{\r\n .item{\r\n width 25%;\r\n .empty-box{\r\n width 100%;\r\n height 94.75px;\r\n border-radius 0;\r\n }\r\n }\r\n }\r\n .advertItem06{\r\n .item{\r\n width 50%;\r\n height 95px;\r\n img{\r\n width 100%;\r\n height 100%;\r\n }\r\n .empty-box{\r\n width 100%;\r\n height 100%;\r\n border-radius 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
