{"version":3,"sources":["webpack:///./src/assets/img/topfans/case_slide_1.png","webpack:///./src/assets/img/topfans/case_slide_2.png","webpack:///./src/views/topfans/components/TopfansCase.vue?823e","webpack:///src/views/topfans/components/TopfansCase.vue","webpack:///./src/views/topfans/components/TopfansCase.vue?e2d5","webpack:///./src/views/topfans/components/TopfansCase.vue?93b9","webpack:///./src/views/topfans/components/TopfansCase.vue?4dea"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","swiperOptions","slot","staticRenderFns","components","swiper","swiperSlide","name","data","spaceBetween","freeMode","navigation","nextEl","prevEl","scrollbar","el","component"],"mappings":"uHAAAA,EAAOC,QAAU,IAA0B,iC,8CCA3CD,EAAOC,QAAU,IAA0B,iC,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,KAAK,CAACE,YAAY,kCAAkC,CAACN,EAAIO,GAAG,UAAUH,EAAG,IAAI,CAACE,YAAY,6BAA6B,CAACN,EAAIO,GAAG,0BAA0BH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACI,MAAM,CAAC,QAAUR,EAAIS,gBAAgB,CAACL,EAAG,eAAe,CAACA,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,QAAyC,IAAM,QAAQJ,EAAG,eAAe,CAACA,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,QAAyC,IAAM,QAAQJ,EAAG,MAAM,CAACE,YAAY,qBAAqBE,MAAM,CAAC,KAAO,eAAeE,KAAK,eAAe,CAACN,EAAG,IAAI,CAACE,YAAY,uCAAuCF,EAAG,MAAM,CAACE,YAAY,qBAAqBE,MAAM,CAAC,KAAO,eAAeE,KAAK,eAAe,CAACN,EAAG,IAAI,CAACE,YAAY,uCAAuCF,EAAG,MAAM,CAACE,YAAY,mBAAmBE,MAAM,CAAC,KAAO,aAAaE,KAAK,eAAe,IAAI,QACvhCC,EAAkB,G,YC+BtB,G,UAAA,CACEC,WAAY,CACVC,OAAJ,YACIC,YAAJ,kBAEEC,KAAM,oBACNC,KANF,WAOI,MAAO,CACLP,cAAe,CACbQ,aAAc,GACdC,UAAU,EACVC,WAAY,CACVC,OAAQ,sBACRC,OAAQ,uBAEVC,UAAW,CACTC,GAAI,0BChDqW,I,wBCQ/WC,EAAY,eACd,EACAzB,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,6CCnBf","file":"js/v-topfans-components-TopfansCase.e111ee2d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/case_slide_1.8b6236e1.png\";","module.exports = __webpack_public_path__ + \"img/case_slide_2.89ad25f5.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topfans-page-case\"},[_c('div',{staticClass:\"topfans-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30 font-color-white\"},[_vm._v(\"应用案例\")]),_c('p',{staticClass:\"subtitle font-color-white\"},[_vm._v(\" 查看其他商家如何通过粉丝头条取得成功 \")]),_c('div',{staticClass:\"body\"},[_c('swiper',{attrs:{\"options\":_vm.swiperOptions}},[_c('swiper-slide',[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/case_slide_1.png\"),\"alt\":\"\"}})]),_c('swiper-slide',[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/case_slide_2.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_c('i',{staticClass:\"iconfont icon-zuocefanhuijiantou\"})]),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_c('i',{staticClass:\"iconfont icon-youcefanhuijiantou\"})]),_c('div',{staticClass:\"swiper-scrollbar\",attrs:{\"slot\":\"scrollbar\"},slot:\"scrollbar\"})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"topfans-page-case\">\n    <div class=\"topfans-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30 font-color-white\">应用案例</h3>\n      <p class=\"subtitle font-color-white\">\n        查看其他商家如何通过粉丝头条取得成功\n      </p>\n      <div class=\"body\">\n        <swiper :options=\"swiperOptions\">\n          <swiper-slide>\n            <img src=\"@/assets/img/topfans/case_slide_1.png\" alt=\"\" />\n          </swiper-slide>\n          <swiper-slide>\n            <img src=\"@/assets/img/topfans/case_slide_2.png\" alt=\"\" />\n          </swiper-slide>\n          <div slot=\"button-prev\" class=\"swiper-button-prev\">\n            <i class=\"iconfont icon-zuocefanhuijiantou\"></i>\n          </div>\n          <div slot=\"button-next\" class=\"swiper-button-next\">\n            <i class=\"iconfont icon-youcefanhuijiantou\"></i>\n          </div>\n          <div class=\"swiper-scrollbar\" slot=\"scrollbar\"></div>\n        </swiper>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport 'swiper/dist/css/swiper.css'\n\nexport default {\n  components: {\n    swiper,\n    swiperSlide\n  },\n  name: 'topfans-page-case',\n  data() {\n    return {\n      swiperOptions: {\n        spaceBetween: 16,\n        freeMode: true,\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        },\n        scrollbar: {\n          el: '.swiper-scrollbar'\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topfans-page-case {\n  background: url('~@/assets/img/topfans/case_bg.png') repeat center/cover;\n  .topfans-section {\n    & > .title {\n      &:after {\n        background-color: #ffffff;\n      }\n    }\n    & > .subtitle {\n      margin-bottom: 60px;\n    }\n  }\n  .swiper-slide {\n    padding-bottom: 56px;\n    img {\n      width: 100%;\n    }\n  }\n  .swiper-scrollbar {\n    width: 432px;\n    height: 3px;\n    left: 50%;\n    bottom: 16px;\n    margin-left: -216px;\n    background-color: rgba(255, 255, 255, 0.1);\n    &::v-deep .swiper-scrollbar-drag {\n      background-color: #ffffff;\n    }\n  }\n  .swiper-button-next,\n  .swiper-button-prev {\n    background-color: rgba(255, 255, 255, 0.15);\n    width: 32px;\n    height: 32px;\n    line-height: 32px;\n    background-image: none;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 16px;\n    color: #ffffff;\n    top: auto;\n    bottom: 0;\n    &:hover {\n      background-color: $danger-color;\n      color: #ffffff;\n    }\n    &.swiper-button-disabled {\n      opacity: 0.65;\n      background-color: rgba(255, 255, 255, 0.15);\n      color: rgba(255, 255, 255, 0.35);\n    }\n  }\n  .swiper-button-next {\n    right: 0;\n  }\n  .swiper-button-prev {\n    right: 44px;\n    left: auto;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./TopfansCase.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./TopfansCase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopfansCase.vue?vue&type=template&id=1125911d&scoped=true&\"\nimport script from \"./TopfansCase.vue?vue&type=script&lang=js&\"\nexport * from \"./TopfansCase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopfansCase.vue?vue&type=style&index=0&id=1125911d&lang=scss&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  \"1125911d\",\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!./TopfansCase.vue?vue&type=style&index=0&id=1125911d&lang=scss&scoped=true&\""],"sourceRoot":""}