{"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"]}]}