{"version":3,"sources":["webpack:///./src/views/agent/components/AgentPhotos.vue?a39c","webpack:///./src/views/agent/components/AgentPhotos.vue?bc4c","webpack:///src/views/agent/components/AgentPhotos.vue","webpack:///./src/views/agent/components/AgentPhotos.vue?b3ca","webpack:///./src/views/agent/components/AgentPhotos.vue?e013"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","swiperOptions","_l","i","key","slot","staticRenderFns","components","swiper","swiperSlide","data","spaceBetween","navigation","nextEl","prevEl","scrollbar","el","component"],"mappings":"kIAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAG,cAAcH,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIO,GAAG,cAAcH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACI,MAAM,CAAC,QAAUR,EAAIS,gBAAgB,CAACL,EAAG,eAAe,CAACA,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,kGAAkGJ,EAAG,eAAe,CAACA,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,kGAAkGR,EAAIU,GAAG,IAAK,SAASC,GAAG,OAAOP,EAAG,eAAe,CAACQ,IAAID,GAAG,CAACP,EAAG,MAAM,CAACI,MAAM,CAAC,IAAO,gFAAkFG,EAAI,WAAY,IAAM,WAAUP,EAAG,MAAM,CAACE,YAAY,qBAAqBE,MAAM,CAAC,KAAO,eAAeK,KAAK,eAAe,CAACT,EAAG,IAAI,CAACE,YAAY,uCAAuCF,EAAG,MAAM,CAACE,YAAY,qBAAqBE,MAAM,CAAC,KAAO,eAAeK,KAAK,eAAe,CAACT,EAAG,IAAI,CAACE,YAAY,uCAAuCF,EAAG,MAAM,CAACE,YAAY,mBAAmBE,MAAM,CAAC,KAAO,aAAaK,KAAK,eAAe,IAAI,QACrwCC,EAAkB,G,YCmCtB,G,UAAA,CACEC,WAAY,CACVC,OAAJ,YACIC,YAAJ,kBAEEC,KALF,WAMI,MAAO,CACLT,cAAe,CACbU,aAAc,GACdC,WAAY,CACVC,OAAQ,sBACRC,OAAQ,uBAEVC,UAAW,CACTC,GAAI,0BClDqW,I,wBCQ/WC,EAAY,eACd,EACA1B,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAW,E","file":"js/v-agent-components-AgentPhotos.cb7c6cdf.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!./AgentPhotos.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"agent-page-photos\"},[_c('div',{staticClass:\"agent-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"代理及服务商风采\")]),_c('p',{staticClass:\"subtitle font-color-desc\"},[_vm._v(\"以下排序不分先后\")]),_c('div',{staticClass:\"body\"},[_c('swiper',{attrs:{\"options\":_vm.swiperOptions}},[_c('swiper-slide',[_c('img',{attrs:{\"src\":\"https://static.hd.weibo.com/marketing/static/web/img/agent/agent_photo_group_pre_1.png?t=0\"}})]),_c('swiper-slide',[_c('img',{attrs:{\"src\":\"https://static.hd.weibo.com/marketing/static/web/img/agent/agent_photo_group_pre_2.png?t=0\"}})]),_vm._l((19),function(i){return _c('swiper-slide',{key:i},[_c('img',{attrs:{\"src\":(\"https://static.hd.weibo.com/marketing/static/web/img/agent/agent_photo_group_\" + i + \".png?t=0\"),\"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\"})],2)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"agent-page-photos\">\n    <div class=\"agent-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">代理及服务商风采</h3>\n      <p class=\"subtitle font-color-desc\">以下排序不分先后</p>\n      <div class=\"body\">\n        <swiper :options=\"swiperOptions\">\n          <swiper-slide>\n            <img src=\"https://static.hd.weibo.com/marketing/static/web/img/agent/agent_photo_group_pre_1.png?t=0\" />\n          </swiper-slide>\n          <swiper-slide>\n            <img src=\"https://static.hd.weibo.com/marketing/static/web/img/agent/agent_photo_group_pre_2.png?t=0\" />\n          </swiper-slide>\n          <swiper-slide v-for=\"i in 19\" :key=\"i\">\n            <img\n              :src=\"`https://static.hd.weibo.com/marketing/static/web/img/agent/agent_photo_group_${i}.png?t=0`\"\n              alt=\"\"\n            />\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  data() {\n    return {\n      swiperOptions: {\n        spaceBetween: 16,\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\">\n.agent-page-photos {\n  .body {\n    padding-top: 60px;\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(218, 138, 89, 0.1);\n    .swiper-scrollbar-drag {\n      background-color: rgba(218, 138, 89, 0.45);\n    }\n  }\n  .swiper-button-next,\n  .swiper-button-prev {\n    background-color: rgba(247, 239, 228, 0.45);\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: rgba(218, 138, 89, 0.45);\n    top: auto;\n    bottom: 0;\n    &:hover {\n      background-color: #f7efe4;\n      color: $text-color-copper;\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!./AgentPhotos.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!./AgentPhotos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AgentPhotos.vue?vue&type=template&id=c91bef1e&\"\nimport script from \"./AgentPhotos.vue?vue&type=script&lang=js&\"\nexport * from \"./AgentPhotos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AgentPhotos.vue?vue&type=style&index=0&lang=scss&\"\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"],"sourceRoot":""}