| 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\\mobileConfigRightDiy\\c_pictrue.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobileConfigRightDiy\\c_pictrue.vue","mtime":1677828270162},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuc3RyaW5nLmxpbmsuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2NfcGljdHJ1ZScsCiAgcHJvcHM6IHsKICAgIGNvbmZpZ09iajogewogICAgICB0eXBlOiBPYmplY3QKICAgIH0sCiAgICBjb25maWdObWU6IHsKICAgICAgdHlwZTogU3RyaW5nCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdHM6IHt9LAogICAgICBjb25maWdEYXRhOiB7fSwKICAgICAgc3R5bGU6IDAsCiAgICAgIGlzVXBkYXRlOiBmYWxzZSwKICAgICAgLy8g6YeN5paw5riy5p+TCiAgICAgIGN1cnJlbnRJbmRleDogMCwKICAgICAgYXJyYXlPYmo6IHsKICAgICAgICBpbWFnZTogJycsCiAgICAgICAgbGluazogJycKICAgICAgfQogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7CiAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMuZGVmYXVsdHMgPSBfdGhpcy5jb25maWdPYmo7CgogICAgICBpZiAoX3RoaXMuY29uZmlnT2JqLmhhc093blByb3BlcnR5KCd0aW1lc3RhbXAnKSkgewogICAgICAgIF90aGlzLmlzVXBkYXRlID0gdHJ1ZTsKICAgICAgfSBlbHNlIHsKICAgICAgICBfdGhpcy5pc1VwZGF0ZSA9IGZhbHNlOwogICAgICB9CgogICAgICBfdGhpcy4kc2V0KF90aGlzLCAnY29uZmlnRGF0YScsIF90aGlzLmNvbmZpZ09ialtfdGhpcy5jb25maWdObWVdKTsKICAgIH0pOwogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbmZpZ09iajogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLmRlZmF1bHRzID0gblZhbDsKICAgICAgICB0aGlzLiRzZXQodGhpcywgJ2NvbmZpZ0RhdGEnLCBuVmFsW3RoaXMuY29uZmlnTm1lXSk7CiAgICAgICAgdGhpcy5zdHlsZSA9IG5WYWwudGFiQ29uZmlnLnRhYlZhbDsKICAgICAgICB0aGlzLmlzVXBkYXRlID0gdHJ1ZTsKICAgICAgICB0aGlzLiRzZXQodGhpcywgJ2lzVXBkYXRlJywgdHJ1ZSk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICAnY29uZmlnT2JqLnRhYkNvbmZpZy50YWJWYWwnOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHRoaXMuY291bnQgPSB0aGlzLmRlZmF1bHRzLnRhYkNvbmZpZy50YWJMaXN0W25WYWxdLmNvdW50OwogICAgICAgIHRoaXMucGljQXJyYXlDb25jYXQodGhpcy5jb3VudCk7CiAgICAgICAgdGhpcy5jb25maWdEYXRhLnBpY0xpc3Quc3BsaWNlKG5WYWwgKyAxKTsKICAgICAgICB0aGlzLmN1cnJlbnRJbmRleCA9IDA7CiAgICAgICAgdmFyIGxpc3QgPSB0aGlzLmRlZmF1bHRzLm1lbnVDb25maWcubGlzdFswXTsKCiAgICAgICAgaWYgKHRoaXMuY29uZmlnRGF0YS5waWNMaXN0WzBdKSB7CiAgICAgICAgICBsaXN0LmltZyA9IHRoaXMuY29uZmlnRGF0YS5waWNMaXN0WzBdLmltYWdlOwogICAgICAgICAgbGlzdC5pbmZvWzBdLnZhbHVlID0gdGhpcy5jb25maWdEYXRhLnBpY0xpc3RbMF0ubGluazsKICAgICAgICB9CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGN1cnJlbnRUYWI6IGZ1bmN0aW9uIGN1cnJlbnRUYWIoZSwgZGF0YSkgewogICAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGU7CiAgICAgIHRoaXMuY29uZmlnRGF0YS50YWJWYWwgPSBlOwoKICAgICAgaWYgKHRoaXMuZGVmYXVsdHMubWVudUNvbmZpZy5pc0N1YmUpIHsKICAgICAgICB2YXIgbGlzdCA9IHRoaXMuZGVmYXVsdHMubWVudUNvbmZpZy5saXN0WzBdOwoKICAgICAgICBpZiAoZGF0YS5waWNMaXN0W2VdICYmIGRhdGEucGljTGlzdFtlXS5pbWFnZSkgewogICAgICAgICAgbGlzdC5pbWcgPSBkYXRhLnBpY0xpc3RbZV0uaW1hZ2U7CiAgICAgICAgICBsaXN0LmluZm9bMF0udmFsdWUgPSBkYXRhLnBpY0xpc3RbZV0ubGluazsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgbGlzdC5pbWcgPSAnJzsKICAgICAgICAgIGxpc3QuaW5mb1swXS52YWx1ZSA9ICcnOwogICAgICAgIH0KICAgICAgfQogICAgfSwKICAgIHBpY0FycmF5Q29uY2F0OiBmdW5jdGlvbiBwaWNBcnJheUNvbmNhdChjb3VudCkgewogICAgICBmb3IgKHZhciBpID0gdGhpcy5jb25maWdEYXRhLnBpY0xpc3QubGVuZ3RoOyBpIDwgY291bnQ7IGkrKykgewogICAgICAgIHRoaXMuY29uZmlnRGF0YS5waWNMaXN0LnB1c2godGhpcy5hcnJheU9iaik7CiAgICAgIH0KICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA;EACAA,iBADA;EAEAC;IACAC;MACAC;IADA,CADA;IAIAC;MACAD;IADA;EAJA,CAFA;EAUAE,IAVA,kBAUA;IACA;MACAC,YADA;MAEAC,cAFA;MAGAC,QAHA;MAIAC,eAJA;MAIA;MACAC,eALA;MAMAC;QACAC,SADA;QAEAC;MAFA;IANA;EAWA,CAtBA;EAuBAC,OAvBA,qBAuBA;IAAA;;IACA;MACA;;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;;MACA;IACA,CARA;EASA,CAjCA;EAkCAC;IACAb;MACAc,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;QACA;QACA;QACA;MACA,CAPA;MAQAC;IARA,CADA;IAWA;MACAH,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;QACA;QACA;QACA;;QACA;UACAE;UACAA;QACA;MACA,CAXA;MAYAD;IAZA;EAXA,CAlCA;EA4DAE;IACAC,UADA,sBACAC,CADA,EACAlB,IADA,EACA;MACA;MACA;;MACA;QACA;;QACA;UACAe;UACAA;QACA,CAHA,MAGA;UACAA;UACAA;QACA;MACA;IACA,CAdA;IAeAI,cAfA,0BAeAC,KAfA,EAeA;MACA;QACA;MACA;IACA;EAnBA;AA5DA","names":["name","props","configObj","type","configNme","data","defaults","configData","style","isUpdate","currentIndex","arrayObj","image","link","mounted","watch","handler","nVal","oVal","deep","list","methods","currentTab","e","picArrayConcat","count"],"sourceRoot":"src/components/mobileConfigRightDiy","sources":["c_pictrue.vue"],"sourcesContent":["<template>\r\n <div class=\"mobile-page\">\r\n <div v-if=\"isUpdate\">\r\n <Divider />\r\n <div class=\"title\">布局</div>\r\n <div class=\"tip\">选定布局区域，在下方添加图片，建议添加比例一致的图片</div>\r\n <div class=\"advert\">\r\n <div class=\"advertItem01 acea-row\" v-if=\"style === 0\" v-for=\"(item, index) in configData.picList\" :key=\"index\">\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>尺寸不限</div>\r\n </div>\r\n <div class=\"advertItem02 acea-row\" v-if=\"style === 1\">\r\n <div\r\n class=\"item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-for=\"(item, index) in configData.picList\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <div>\r\n <div>宽375像素</div>\r\n <div>高度不限</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem02 advertItem03 acea-row\" v-if=\"style === 2\">\r\n <div\r\n class=\"item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-for=\"(item, index) in configData.picList\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <div>\r\n <div>宽250像素</div>\r\n <div>高度不限</div>\r\n </div>\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\" :class=\"currentIndex === 0 ? 'on' : ''\" @click=\"currentTab(0, configData)\">\r\n <img :src=\"configData.picList[0].image\" v-if=\"configData.picList[0].image\" />\r\n <div class=\"empty-box\" v-else>375*375像素或同比例</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"pic\" :class=\"currentIndex === 1 ? 'on' : ''\" @click=\"currentTab(1, configData)\">\r\n <img :src=\"configData.picList[1].image\" v-if=\"configData.picList[1].image\" />\r\n <div class=\"empty-box\" v-else>375*188像素或同比例</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 2 ? 'on' : ''\" @click=\"currentTab(2, configData)\">\r\n <img :src=\"configData.picList[2].image\" v-if=\"configData.picList[2].image\" />\r\n <div class=\"empty-box\" v-else>375*188像素或同比例</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\r\n class=\"item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-for=\"(item, index) in configData.picList\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>宽188像素高度不限</div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem06 acea-row\" v-if=\"style === 5\">\r\n <div\r\n class=\"item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-for=\"(item, index) in configData.picList\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>375*188像素或同比例</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'c_pictrue',\r\n props: {\r\n configObj: {\r\n type: Object,\r\n },\r\n configNme: {\r\n type: String,\r\n },\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n configData: {},\r\n style: 0,\r\n isUpdate: false, // 重新渲染\r\n currentIndex: 0,\r\n arrayObj: {\r\n image: '',\r\n link: '',\r\n },\r\n };\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.defaults = this.configObj;\r\n if (this.configObj.hasOwnProperty('timestamp')) {\r\n this.isUpdate = true;\r\n } else {\r\n this.isUpdate = false;\r\n }\r\n this.$set(this, 'configData', this.configObj[this.configNme]);\r\n });\r\n },\r\n watch: {\r\n configObj: {\r\n handler(nVal, oVal) {\r\n this.defaults = nVal;\r\n this.$set(this, 'configData', nVal[this.configNme]);\r\n this.style = nVal.tabConfig.tabVal;\r\n this.isUpdate = true;\r\n this.$set(this, 'isUpdate', true);\r\n },\r\n deep: true,\r\n },\r\n 'configObj.tabConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.count = this.defaults.tabConfig.tabList[nVal].count;\r\n this.picArrayConcat(this.count);\r\n this.configData.picList.splice(nVal + 1);\r\n this.currentIndex = 0;\r\n let list = this.defaults.menuConfig.list[0];\r\n if (this.configData.picList[0]) {\r\n list.img = this.configData.picList[0].image;\r\n list.info[0].value = this.configData.picList[0].link;\r\n }\r\n },\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n currentTab(e, data) {\r\n this.currentIndex = e;\r\n this.configData.tabVal = e;\r\n if (this.defaults.menuConfig.isCube) {\r\n let list = this.defaults.menuConfig.list[0];\r\n if (data.picList[e] && data.picList[e].image) {\r\n list.img = data.picList[e].image;\r\n list.info[0].value = data.picList[e].link;\r\n } else {\r\n list.img = '';\r\n list.info[0].value = '';\r\n }\r\n }\r\n },\r\n picArrayConcat(count) {\r\n for (let i = this.configData.picList.length; i < count; i++) {\r\n this.configData.picList.push(this.arrayObj);\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped lang=\"stylus\">\r\n/deep/ .ivu-divider-horizontal {\r\n margin 12px 0\r\n}\r\n.empty-box {\r\n color: #8c8c8c;\r\n font-size 12px;\r\n border-radius 0;\r\n background-color #eee;\r\n width 100%;\r\n border 1px solid #ddd;\r\n text-align center;\r\n}\r\n\r\n.mobile-page {\r\n .tip {\r\n font-size 12px;\r\n color: rgba(0, 0, 0, .45);\r\n margin-bottom 2px;\r\n }\r\n\r\n .advert {\r\n cursor pointer;\r\n\r\n .advertItem01 {\r\n width 100%;\r\n height 100%;\r\n .empty-box {\r\n height 366px;\r\n border 1px solid #ddd;\r\n }\r\n\r\n img {\r\n width 100%;\r\n height 100%;\r\n border 1px solid #1890ff;\r\n }\r\n }\r\n\r\n .advertItem02 {\r\n width 100%\r\n\r\n .item {\r\n width 50%;\r\n height 100%;\r\n\r\n img {\r\n width 100%;\r\n height 100%;\r\n }\r\n\r\n &.on{\r\n img{\r\n border:1px solid #1890ff!important\r\n }\r\n\r\n .empty-box{\r\n border:1px solid #1890ff!important\r\n color #1890ff\r\n }\r\n }\r\n\r\n .empty-box {\r\n height 189.5px;\r\n border-right 1px solid #eee;\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right 1px solid #ddd;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem03 {\r\n .item {\r\n width 33.3333%;\r\n\r\n .empty-box {\r\n height 126.4px;\r\n border-right 1px solid #eee;\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right 1px solid #eee;\r\n }\r\n }\r\n\r\n &:nth-child(3) {\r\n .empty-box {\r\n border-right 1px solid #ddd;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem04 {\r\n .item {\r\n width 50%;\r\n height 189.5px;\r\n\r\n .empty-box {\r\n height 100%;\r\n }\r\n\r\n img {\r\n width 100%;\r\n height 100%;\r\n }\r\n\r\n &.on{\r\n img{\r\n border:1px solid #1890ff!important\r\n }\r\n\r\n .empty-box{\r\n border:1px solid #1890ff!important\r\n color #1890ff\r\n }\r\n }\r\n\r\n .pic {\r\n width 100%;\r\n height 94.75px;\r\n\r\n &.on{\r\n img{\r\n border:1px solid #1890ff!important\r\n }\r\n\r\n .empty-box{\r\n border:1px solid #1890ff!important\r\n color #1890ff\r\n }\r\n }\r\n }\r\n\r\n &:nth-child(1) {\r\n .empty-box {\r\n border-right 1px solid #eee;\r\n }\r\n }\r\n\r\n &:nth-child(2) {\r\n .pic {\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-top 1px solid #eee;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem05 {\r\n .item {\r\n width 25%;\r\n\r\n .empty-box {\r\n height 94.75px;\r\n }\r\n\r\n &:nth-child(4) {\r\n .empty-box {\r\n border-right 1px solid #ddd;\r\n }\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right 1px solid #eee;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem06 {\r\n .item {\r\n width 50%;\r\n height 95px;\r\n\r\n img {\r\n width 100%;\r\n height 100%;\r\n }\r\n\r\n &.on{\r\n img{\r\n border:1px solid #1890ff!important\r\n }\r\n\r\n .empty-box{\r\n border:1px solid #1890ff!important\r\n color #1890ff\r\n }\r\n }\r\n\r\n .empty-box {\r\n height 100%;\r\n border-right 1px solid #eee;\r\n border-bottom 1px solid #eee;\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right 1px solid #ddd;\r\n }\r\n }\r\n\r\n &:nth-child(3) {\r\n .empty-box {\r\n border-bottom 1px solid #ddd;\r\n }\r\n }\r\n\r\n &:nth-child(4) {\r\n .empty-box {\r\n border-right 1px solid #ddd;\r\n border-bottom 1px solid #ddd;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
