| 1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\AdvGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\AdvGroup.vue","mtime":1678954023579},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJBZHZHcm91cCIsCiAgcHJvcHM6IHsKICAgIHNldEZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNGb3JtOiB7fQogICAgfTsKICB9LAoKICB3YXRjaDogewogICAgc2V0Rm9ybSh2YWwpIHsKICAgICAgdGhpcy5zRm9ybSA9IHZhbDsKICAgIH0KCiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuc0Zvcm0gPSB0aGlzLnNldEZvcm07CiAgfQoKfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwLA;EACAA,gBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC;IADA;EAGA,CAdA;;EAeAC;IACAL;MACA;IACA;;EAHA,CAfA;;EAoBAM;IACA;EACA;;AAtBA","names":["name","props","setForm","type","default","data","sForm","watch","created"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["AdvGroup.vue"],"sourcesContent":["<template>\n <div class=\"AdvGroup\">\n <div v-if=\"sForm.style.styleId !== 3\" class=\"group-one\">\n <div class=\"one-li one-left\">\n <div class=\"left-title-view\">\n <span class=\"title\" :style=\"{ color: sForm.adv_list[0].titleColor }\">\n {{ sForm.adv_list[0].title }}\n </span>\n <span class=\"desc\" :style=\"{ color: sForm.adv_list[0].descColor }\">\n {{ sForm.adv_list[0].desc }}\n </span>\n </div>\n <div class=\"more-btn\">\n <span>{{ sForm.adv_list[0].btnText }}</span>\n <span class=\"iconfont icon-jinru1\"></span>\n </div>\n <div>\n <img\n class=\"adv-img\"\n :src=\"\n sForm.adv_list[0].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n />\n </div>\n </div>\n <div class=\"one-li one-right\">\n <div class=\"right-li clearfix\">\n <div class=\"float_left\">\n <p class=\"title\" :style=\"{ color: sForm.adv_list[1].titleColor }\">\n {{ sForm.adv_list[1].title }}\n </p>\n <p class=\"desc\" :style=\"{ color: sForm.adv_list[1].descColor }\">\n {{ sForm.adv_list[1].desc }}\n </p>\n <div class=\"more-btn\">\n <span>{{ sForm.adv_list[1].btnText }}</span>\n <span class=\"iconfont icon-jinru1\"></span>\n </div>\n </div>\n <div class=\"float_right\">\n <img\n class=\"adv-img\"\n :src=\"\n sForm.adv_list[1].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n />\n </div>\n </div>\n <div class=\"right-li clearfix\">\n <div class=\"float_left\">\n <p class=\"title\" :style=\"{ color: sForm.adv_list[2].titleColor }\">\n {{ sForm.adv_list[2].title }}\n </p>\n <p class=\"desc\" :style=\"{ color: sForm.adv_list[2].descColor }\">\n {{ sForm.adv_list[2].desc }}\n </p>\n <div class=\"more-btn\">\n <span>{{ sForm.adv_list[2].btnText }}</span>\n <span class=\"iconfont icon-jinru1\"></span>\n </div>\n </div>\n <div class=\"float_right\">\n <img\n class=\"adv-img\"\n :src=\"\n sForm.adv_list[2].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n />\n </div>\n </div>\n </div>\n </div>\n <div v-if=\"sForm.style.styleId === 1\" class=\"group-two\">\n <div class=\"group-li\">\n <div class=\"group-title\">\n <span class=\"title\" :style=\"{ color: sForm.adv_list[3].titleColor }\">\n {{ sForm.adv_list[3].title }}\n </span>\n <span class=\"desc\" :style=\"{ color: sForm.adv_list[3].descColor }\">\n {{ sForm.adv_list[3].desc }}\n </span>\n </div>\n <div class=\"clearfix\">\n <div class=\"more-btn float_left\">\n <span>{{ sForm.adv_list[3].btnText }}</span>\n <span class=\"iconfont icon-jinru1\"></span>\n </div>\n <div class=\"float_right\">\n <img\n class=\"adv-img\"\n :src=\"\n sForm.adv_list[3].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n />\n </div>\n </div>\n </div>\n <div class=\"group-li\">\n <div class=\"group-title\">\n <span class=\"title\" :style=\"{ color: sForm.adv_list[4].titleColor }\">\n {{ sForm.adv_list[4].title }}\n </span>\n <span class=\"desc\" :style=\"{ color: sForm.adv_list[4].descColor }\">\n {{ sForm.adv_list[4].desc }}\n </span>\n </div>\n <div class=\"clearfix\">\n <div class=\"more-btn float_left\">\n <span>{{ sForm.adv_list[4].btnText }}</span>\n <span class=\"iconfont icon-jinru1\"></span>\n </div>\n <div class=\"float_right\">\n <img\n class=\"adv-img\"\n :src=\"\n sForm.adv_list[4].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n />\n </div>\n </div>\n </div>\n </div>\n <!-- 样式3-->\n <div v-if=\"sForm.style.styleId === 3\" class=\"group-two\">\n <div class=\"group-li\">\n <div class=\"group-title\">\n <span class=\"title\" :style=\"{ color: sForm.adv_list[0].titleColor }\">\n {{ sForm.adv_list[0].title }}\n </span>\n <span class=\"desc\" :style=\"{ color: sForm.adv_list[0].descColor }\">\n {{ sForm.adv_list[0].desc }}\n </span>\n </div>\n <div class=\"clearfix\">\n <div class=\"more-btn float_left\">\n <span>{{ sForm.adv_list[0].btnText }}</span>\n <span class=\"iconfont icon-jinru1\"></span>\n </div>\n <div class=\"float_right\">\n <img\n class=\"adv-img\"\n :src=\"\n sForm.adv_list[0].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n />\n </div>\n </div>\n </div>\n <div class=\"group-li\">\n <div class=\"group-title\">\n <span class=\"title\" :style=\"{ color: sForm.adv_list[1].titleColor }\">\n {{ sForm.adv_list[1].title }}\n </span>\n <span class=\"desc\" :style=\"{ color: sForm.adv_list[1].descColor }\">\n {{ sForm.adv_list[1].desc }}\n </span>\n </div>\n <div class=\"clearfix\">\n <div class=\"more-btn float_left\">\n <span>{{ sForm.adv_list[1].btnText }}</span>\n <span class=\"iconfont icon-jinru1\"></span>\n </div>\n <div class=\"float_right\">\n <img\n class=\"adv-img\"\n :src=\"\n sForm.adv_list[1].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\n export default {\n name: \"AdvGroup\",\n props: {\n setForm: {\n type: Object,\n default: () => {\n return {};\n },\n },\n },\n data() {\n return {\n sForm: {},\n };\n },\n watch: {\n setForm(val) {\n this.sForm = val;\n },\n },\n created() {\n this.sForm = this.setForm;\n },\n };\n</script>\n\n<style scoped lang=\"scss\">\n .AdvGroup {\n background-color: #ffffff;\n .more-btn {\n font-size: 10px;\n font-weight: 400;\n color: #cacaca;\n line-height: 14px;\n .iconfont {\n font-size: 10px;\n }\n }\n .group-one {\n display: flex;\n .one-li {\n flex: 2;\n }\n .one-left {\n padding-left: 16px;\n padding-top: 12px;\n padding-bottom: 12px;\n border-right: 1px solid #eeeeee;\n .adv-img {\n margin-top: 16px;\n width: 159px;\n height: 120px;\n border-radius: 8px;\n }\n .left-title-view {\n line-height: 23px;\n padding-bottom: 4px;\n .title {\n font-size: 16px;\n font-weight: 500;\n color: #2a2a2a;\n }\n .desc {\n margin-left: 4px;\n font-size: 12px;\n font-weight: 400;\n color: #f05064;\n }\n }\n }\n .one-right {\n padding-right: 16px;\n .right-li {\n padding: 12px 0 12px 12px;\n position: relative;\n .more-btn {\n position: absolute;\n left: 12px;\n bottom: 12px;\n }\n .title {\n font-size: 14px;\n font-weight: 500;\n color: #2a2a2a;\n line-height: 20px;\n }\n .desc {\n font-size: 12px;\n font-weight: 400;\n color: #fd6f02;\n line-height: 17px;\n padding-top: 4px;\n }\n &:first-child {\n border-bottom: 1px solid #eeeeee;\n .desc {\n color: #3cb4b6;\n }\n }\n }\n .adv-img {\n width: 67px;\n height: 76px;\n border-radius: 4px;\n }\n }\n }\n }\n .group-two {\n display: flex;\n border-top: 1px solid #eeeeee;\n .group-li {\n padding: 12px 0;\n flex: 2;\n &:first-child {\n padding-left: 16px;\n padding-right: 12px;\n border-right: 1px solid #eeeeee;\n }\n &:nth-child(2) {\n padding-right: 16px;\n padding-left: 12px;\n }\n .group-title {\n padding-bottom: 6px;\n line-height: 20px;\n .title {\n font-size: 14px;\n font-weight: 500;\n color: #2a2a2a;\n }\n .desc {\n margin-left: 4px;\n font-size: 12px;\n font-weight: 400;\n color: #19906c;\n }\n }\n .adv-img {\n width: 97px;\n height: 54px;\n border-radius: 4px;\n }\n }\n }\n</style>\n"]}]}
|
