{"version":3,"sources":["webpack:///./src/components/BannerSwiper.vue?114b","webpack:///./src/views/Home.vue?8868","webpack:///./src/components/BannerSwiper.vue?491e","webpack:///src/components/BannerSwiper.vue","webpack:///./src/components/BannerSwiper.vue?4d9f","webpack:///./src/components/BannerSwiper.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?1ead","webpack:///./src/views/Home.vue","webpack:///./src/components/BannerSwiper.vue?d4b4"],"names":["render","_vm","this","_h","$createElement","_c","_self","isLoading","_e","staticClass","attrs","home","banner","staticRenderFns","_b","ref","settings","_l","pictureLink","linkIndex","pic","index","key","style","on","$event","prev","next","name","components","VueSlickCarousel","props","data","dots","dotsClass","edgeFriction","infinite","autoplaySpeed","speed","slidesToShow","slidesToScroll","autoplay","arrows","showOption","isMobile","document","body","clientWidth","watch","screenWidth","val","mounted","computed","methods","$refs","carousel","component","BannerSwiper","created","getBannerList","getBanner"],"mappings":"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","file":"js/chunk-b395359a.a25a098c.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSwiper.vue?vue&type=style&index=1&id=14796f00&lang=sass&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isLoading)?_c('article',{staticClass:\"home\"},[_c('BannerSwiper',{attrs:{\"pictureLink\":_vm.home.banner}})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"banner-swiper\"}},[(!_vm.isLoading)?[_c('VueSlickCarousel',_vm._b({ref:\"carousel\"},'VueSlickCarousel',_vm.settings,false),_vm._l((_vm.pictureLink[_vm.linkIndex]),function(pic,index){return _c('div',{key:index,staticClass:\"banner-pic\"},[_c('div',{staticClass:\"pic\",style:((\"background-image:url('\" + pic + \"')\"))})])}),0),_c('div',{staticClass:\"arrow-control\"},[_c('div',{staticClass:\"arrow svg_box\",on:{\"click\":function($event){return _vm.prev()}}},[_c('svg',{attrs:{\"id\":\"圖層_1\",\"data-name\":\"圖層 1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 40 41\"}},[_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"20\",\"cy\":\"20.5\",\"r\":\"19.46\"}}),_c('polyline',{staticClass:\"cls-1\",attrs:{\"points\":\"21.35 26.02 15.83 20.5 21.35 14.98\"}})])]),_c('div',{staticClass:\"arrow svg_box\",on:{\"click\":function($event){return _vm.next()}}},[_c('svg',{attrs:{\"id\":\"圖層_1\",\"data-name\":\"圖層 1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 40 41\"}},[_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"20\",\"cy\":\"20.5\",\"r\":\"19.46\"}}),_c('polyline',{staticClass:\"cls-1\",attrs:{\"points\":\"18.65 26.02 24.17 20.5 18.65 14.98\"}})])])])]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n#banner-swiper\n  template(\n    v-if=\"!isLoading\"\n\n  )\n    VueSlickCarousel(\n      v-bind=\"settings\"\n      ref=\"carousel\"\n    )\n      .banner-pic(\n        v-for=\"(pic,index) in pictureLink[linkIndex]\" :key=\"index\"\n      )\n        .pic(\n          :style=\"`background-image:url('${pic}')`\"\n        )\n    .arrow-control\n      .arrow.svg_box(@click=\"prev()\")\n        include ../assets/pug/arrow-left.pug\n      .arrow.svg_box(@click=\"next()\")\n        include ../assets/pug/arrow-right.pug\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport VueSlickCarousel from \"vue-slick-carousel\";\n// optional style for arrows & dots\nimport \"vue-slick-carousel/dist/vue-slick-carousel.css\";\nimport \"vue-slick-carousel/dist/vue-slick-carousel-theme.css\";\nexport default {\n  name: \"BannerSwiper\",\n  components: {\n    VueSlickCarousel\n  },\n  props: [\"pictureLink\"],\n  data() {\n    return {\n      settings: {\n        dots: true,\n        dotsClass: \"slick-dots custom-dot-class banner-dots\",\n        edgeFriction: 0.35,\n        infinite: true,\n        autoplaySpeed: 5000,\n        speed: 1000,\n        slidesToShow: 1,\n        slidesToScroll: 1,\n        autoplay: true,\n        arrows: false\n      },\n      slidesToShow: 0,\n      showOption: false,\n      isMobile: document.body.clientWidth < 768\n    };\n  },\n  watch: {\n    screenWidth(val) {\n      this.isMobile = val < 768;\n      // if (!this.timer) {\n      //   this.screenWidth = val;\n      //   this.timer = true;\n      //   let that = this;\n      //   setTimeout(function() {\n      //     // console.log(val);\n      //     that.timer = false;\n      //   }, 400);\n      // }\n    }\n  },\n  mounted() {},\n  computed: {\n    ...mapState([\"isLoading\", \"screenWidth\"]),\n    linkIndex() {\n      return this.isMobile ? \"mobile\" : \"pc\";\n    }\n  },\n  methods: {\n    prev() {\n      this.$refs.carousel.prev();\n    },\n    next() {\n      this.$refs.carousel.next();\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\">\n@import \"@/assets/sass/var.sass\"\n\n.banner-dots\n  padding: 0 60px\n  bottom: 50px\n  text-align: left\n  li\n    margin: 0 5px\n    button\n      &:before\n        color: $gray-005\n        opacity: 1\n    &.slick-active\n      button\n        &:before\n          color: $gray-001\n  +rwd(768px)\n    padding: 0 15px\n</style>\n\n<style lang=\"sass\" scoped>\n@import \"@/assets/sass/var.sass\"\n\n*\n  // outline: 1px solid #f00\n  &:focus\n    outline: none\n#banner-swiper\n  width: 100%\n  // padding-bottom: 40px\n  position: relative\n  overflow: hidden\n  .banner-pic\n    width: 100%\n    padding-bottom: 100vh\n    position: relative\n    @include rwd(768px)\n      // padding-bottom: 152%\n    .pic\n      width: 100%\n      height: 100%\n      background-size: cover\n      background-position: center center\n      background-repeat: no-repeat\n      +pstc0\n  .arrow-control\n    width: 40px\n    position: absolute\n    bottom: 45px\n    right: 65px\n    .arrow\n      margin-bottom: 10px\n      cursor: pointer\n      fill: none\n      stroke: $gray-004\n      transition: .3s\n      +hover\n        stroke: #fff\n    +rwd(768px)\n      width: 30px\n      right: 15px\n      .arrow\n        margin-bottom: 5px\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSwiper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSwiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerSwiper.vue?vue&type=template&id=14796f00&scoped=true&lang=pug&\"\nimport script from \"./BannerSwiper.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerSwiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BannerSwiper.vue?vue&type=style&index=0&lang=sass&\"\nimport style1 from \"./BannerSwiper.vue?vue&type=style&index=1&id=14796f00&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"14796f00\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\narticle.home(v-if=\"!isLoading\")\n  BannerSwiper(\n    :pictureLink=\"home.banner\"\n  )\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\n\nimport BannerSwiper from \"@/components/BannerSwiper.vue\";\n\nexport default {\n  name: \"Home\",\n  components: {\n    BannerSwiper\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    ...mapState([\"isLoading\", \"home\"])\n  },\n  created() {\n    this.getBannerList();\n  },\n  methods: {\n    ...mapActions([\"getBanner\"]),\n    getBannerList() {\n      this.getBanner({})\n        .then(() => {\n          console.log(\"success\");\n        })\n        .catch(() => {\n          console.log(\"fail\");\n        });\n    }\n  }\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=5eeb69f4&lang=pug&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSwiper.vue?vue&type=style&index=0&lang=sass&\""],"sourceRoot":""}