bbabd8ce2b0539c3c0dd5ba1eaf6ab56.json 4.2 KB

1
  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\\ImgSwiper.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\ImgSwiper.vue","mtime":1678954023580},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJJbWdTd2lwZXIiLAogIHByb3BzOiB7CiAgICBzZXRGb3JtOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiB7fTsKICAgICAgfQogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzRm9ybToge30KICAgIH07CiAgfSwKCiAgd2F0Y2g6IHsKICAgIHNldEZvcm0odmFsKSB7CiAgICAgIHRoaXMuc0Zvcm0gPSB2YWw7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLnNGb3JtID0gdGhpcy5zZXRGb3JtOwogIH0KCn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;EACAA,iBADA;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":["ImgSwiper.vue"],"sourcesContent":["<template>\n <div class=\"ImgSwiper\">\n <div v-if=\"sForm.style === 1\">\n <img\n :src=\"\n sForm.bannerList[0].image.url ||\n require('@/assets/img/replace-img.png')\n \"\n alt=\"\"\n class=\"banner-img\"\n />\n </div>\n <div v-if=\"sForm.style === 2\" class=\"car-img-view\">\n <img\n :src=\"\n sForm.bannerList[2]\n ? sForm.bannerList[2].image.url ||\n require('@/assets/img/replace-img.png')\n : require('@/assets/img/replace-img.png')\n \"\n alt=\"\"\n class=\"car-img\"\n />\n </div>\n <ul v-if=\"sForm.indicatorDots\" class=\"indicatorDot-ul clearfix\">\n <li\n v-for=\"(item, index) in sForm.bannerList\"\n :key=\"index\"\n class=\"indicatorDot-li\"\n :style=\"[\n index === 0\n ? { backgroundColor: sForm.indicatorActiveColor }\n : { backgroundColor: sForm.indicatorColor },\n ]\"\n ></li>\n </ul>\n </div>\n</template>\n\n<script>\n export default {\n name: \"ImgSwiper\",\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>\n .ImgSwiper {\n width: 100%;\n /*height: 180px;*/\n position: relative;\n overflow: hidden;\n }\n .car-img {\n width: 355px;\n height: 150px;\n object-fit: cover;\n border-radius: 12px;\n margin: 0 auto;\n display: block;\n }\n .banner-img {\n width: 100%;\n height: 175px;\n object-fit: cover;\n display: block;\n }\n .indicatorDot-ul {\n position: absolute;\n left: 50%;\n bottom: 10px;\n transform: translateX(-23px);\n }\n .indicatorDot-li {\n width: 10px;\n height: 10px;\n border-radius: 100%;\n margin-right: 5px;\n float: left;\n }\n .indicatorDot-on {\n opacity: 1;\n }\n</style>\n"]}]}