{"version":3,"sources":["webpack:///./src/views/topic/view/components/RelatedTopics.vue?f319","webpack:///src/views/topic/view/components/RelatedTopics.vue","webpack:///./src/views/topic/view/components/RelatedTopics.vue?43b7","webpack:///./src/views/topic/view/components/RelatedTopics.vue?affe","webpack:///./src/components/topic/TopicItem.vue?1997","webpack:///./src/views/topic/view/components/RelatedTopics.vue?b07d","webpack:///./src/components/topic/TopicItem.vue?8e20","webpack:///src/components/topic/TopicItem.vue","webpack:///./src/components/topic/TopicItem.vue?7da0","webpack:///./src/components/topic/TopicItem.vue?9c9f"],"names":["render","_vm","this","_h","$createElement","_c","_self","topics","length","staticClass","_v","attrs","swiperOptions","_l","item","key","id","slot","_e","staticRenderFns","components","swiper","swiperSlide","TopicItem","props","topic","type","Object","required","data","freeMode","spaceBetween","slidesPerView","navigation","nextEl","prevEl","created","getRelatedTopics","methods","component","name","params","linkTarget","directives","rawName","value","expression","_s","_f","release_time","title","default"],"mappings":"oKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,OAAOC,OAAS,EAAGH,EAAG,MAAM,CAACI,YAAY,qCAAqC,CAACJ,EAAG,KAAK,CAACI,YAAY,SAAS,CAACR,EAAIS,GAAG,UAAUL,EAAG,SAAS,CAACM,MAAM,CAAC,QAAUV,EAAIW,gBAAgB,CAACX,EAAIY,GAAIZ,EAAU,QAAE,SAASa,GAAM,OAAOT,EAAG,eAAe,CAACU,IAAID,EAAKE,IAAI,CAACX,EAAG,YAAY,CAACM,MAAM,CAAC,KAAOG,MAAS,MAAKT,EAAG,MAAM,CAACI,YAAY,qBAAqBE,MAAM,CAAC,KAAO,eAAeM,KAAK,eAAe,CAACZ,EAAG,IAAI,CAACI,YAAY,uCAAuCJ,EAAG,MAAM,CAACI,YAAY,qBAAqBE,MAAM,CAAC,KAAO,eAAeM,KAAK,eAAe,CAACZ,EAAG,IAAI,CAACI,YAAY,wCAAwC,IAAI,GAAGR,EAAIiB,MACtsBC,EAAkB,G,kFCsBtB,GACEC,WAAY,CACVC,OAAJ,YACIC,YAAJ,iBACIC,UAAJ,cAEEC,MAAO,CACLC,MAAO,CACLC,KAAMC,OACNC,UAAU,IAGdC,KAZF,WAaI,MAAO,CACLtB,OAAQ,GACRK,cAAe,CACbkB,UAAU,EACVC,aAAc,GACdC,cAAe,OACfC,WAAY,CACVC,OAAQ,sBACRC,OAAQ,0BAKhBC,QA1BF,WA2BIlC,KAAKmC,oBAEPC,QAAS,CACP,iBADJ,WACA,8KACA,yCACA,QACA,cACA,QAJA,OACA,EADA,OAOA,gBAPA,gDCrDoY,I,wBCQhYC,EAAY,eACd,EACAvC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E,oECnBf,W,yDCAA,W,yCCAA,IAAIvC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACI,YAAY,0CAA0CE,MAAM,CAAC,GAAK,CAAE6B,KAAM,aAAcC,OAAQ,CAAEzB,GAAIf,EAAIa,KAAKE,KAAO,OAASf,EAAIyC,aAAa,CAACrC,EAAG,MAAM,CAACI,YAAY,qBAAqB,CAACJ,EAAG,MAAM,CAACsC,WAAW,CAAC,CAACH,KAAK,OAAOI,QAAQ,SAASC,MAAO5C,EAAIa,KAAc,UAAEgC,WAAW,mBAAmBrC,YAAY,YAAYE,MAAM,CAAC,IAAO,QAAWV,EAAIa,KAAU,MAAG,MAAS,QAAWb,EAAIa,KAAU,WAAQT,EAAG,MAAM,CAACI,YAAY,+BAA+B,CAACJ,EAAG,OAAO,CAACI,YAAY,gBAAgB,CAACR,EAAIS,GAAG,IAAIT,EAAI8C,GAAG9C,EAAI+C,GAAG,qBAAP/C,CAA6BA,EAAIa,KAAKmC,aAAa,SAAS,OAAO5C,EAAG,IAAI,CAACI,YAAY,iBAAiB,CAACR,EAAIS,GAAGT,EAAI8C,GAAG9C,EAAIa,KAAKoC,UAAU7C,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,MAAM,CAACI,YAAY,uCAAuC,CAACR,EAAIS,GAAG,iBACr2BS,EAAkB,GC0BtB,GACEK,MAAO,CACLV,KAAM,CACJY,KAAMC,OACNwB,QAAS,cAGXT,WAAY,CAAhB,+BClCkW,I,wBCQ9VH,EAAY,eACd,EACAvC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E","file":"js/v-topic-view-components-RelatedTopics.4899a848.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.topics.length > 0)?_c('div',{staticClass:\"topic-view-related-topics-wrapper\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"相关专题\")]),_c('swiper',{attrs:{\"options\":_vm.swiperOptions}},[_vm._l((_vm.topics),function(item){return _c('swiper-slide',{key:item.id},[_c('TopicItem',{attrs:{\"item\":item}})],1)}),_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\"})])],2)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"topics.length > 0\" class=\"topic-view-related-topics-wrapper\">\n    <h3 class=\"title\">相关专题</h3>\n    <swiper :options=\"swiperOptions\">\n      <swiper-slide v-for=\"item in topics\" :key=\"item.id\">\n        <TopicItem :item=\"item\"></TopicItem>\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    </swiper>\n  </div>\n</template>\n\n<script>\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport 'swiper/dist/css/swiper.css'\nimport TopicItem from '@/components/topic/TopicItem'\nimport { THIRD_API } from '@/global/config'\n\nexport default {\n  components: {\n    swiper,\n    swiperSlide,\n    TopicItem\n  },\n  props: {\n    topic: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      topics: [],\n      swiperOptions: {\n        freeMode: true,\n        spaceBetween: 24,\n        slidesPerView: 'auto',\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        }\n      }\n    }\n  },\n  created() {\n    this.getRelatedTopics()\n  },\n  methods: {\n    async getRelatedTopics() {\n      const res = await this.$http.get(THIRD_API.alkTopicRelated.link, {\n        params: {\n          id: this.topic.id,\n          pz: 6\n        }\n      })\n      this.topics = res.data\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topic-view-related-topics-wrapper {\n  margin-top: 86px;\n  .title {\n    font-size: 30px;\n    line-height: normal;\n    margin-bottom: 40px;\n  }\n  .swiper-container {\n    position: relative;\n  }\n  .swiper-slide {\n    width: auto;\n    height: auto;\n  }\n  .swiper-button-next,\n  .swiper-button-prev {\n    background-color: #ffffff;\n    width: 32px;\n    height: 58px;\n    line-height: 58px;\n    margin-top: -29px;\n    background-image: none;\n    i {\n      font-size: 20px;\n      color: #363636;\n      font-weight: bold;\n      position: absolute;\n    }\n    &.swiper-button-disabled {\n      display: none;\n    }\n  }\n  .swiper-button-next {\n    right: 0;\n    border-radius: 100px 0 0 100px;\n    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.15);\n    i {\n      left: 10px;\n    }\n  }\n  .swiper-button-prev {\n    left: 0;\n    border-radius: 0 100px 100px 0;\n    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.15);\n    i {\n      left: 5px;\n    }\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!./RelatedTopics.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!./RelatedTopics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RelatedTopics.vue?vue&type=template&id=ad1ce4ac&scoped=true&\"\nimport script from \"./RelatedTopics.vue?vue&type=script&lang=js&\"\nexport * from \"./RelatedTopics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RelatedTopics.vue?vue&type=style&index=0&id=ad1ce4ac&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  \"ad1ce4ac\",\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!./TopicItem.vue?vue&type=style&index=0&id=ec28605e&lang=scss&scoped=true&\"","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!./RelatedTopics.vue?vue&type=style&index=0&id=ad1ce4ac&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-link',{staticClass:\"topic-item-component transition-wrapper\",attrs:{\"to\":{ name: 'topic_view', params: { id: _vm.item.id } },\"target\":_vm.linkTarget}},[_c('div',{staticClass:\"image-wrapper top\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.item.thumbnail),expression:\"item.thumbnail\"}],staticClass:\"thumbnail\",attrs:{\"alt\":(\"微博营销 \" + (_vm.item.title)),\"title\":(\"微博营销 \" + (_vm.item.title))}})]),_c('div',{staticClass:\"info bottom app-flex-column\"},[_c('span',{staticClass:\"time font-14\"},[_vm._v(\" \"+_vm._s(_vm._f(\"relativeTimeFormat\")(_vm.item.release_time,'M月D日'))+\" \")]),_c('p',{staticClass:\"title font-18\"},[_vm._v(_vm._s(_vm.item.title))]),_c('div',{staticClass:\"btn-box\"},[_c('div',{staticClass:\"more-btn font-color-primary font-14\"},[_vm._v(\"查看专题\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <router-link\n    class=\"topic-item-component transition-wrapper\"\n    :to=\"{ name: 'topic_view', params: { id: item.id } }\"\n    :target=\"linkTarget\"\n  >\n    <div class=\"image-wrapper top\">\n      <img\n        v-lazy=\"item.thumbnail\"\n        class=\"thumbnail\"\n        :alt=\"`微博营销 ${item.title}`\"\n        :title=\"`微博营销 ${item.title}`\"\n      />\n    </div>\n    <div class=\"info bottom app-flex-column\">\n      <span class=\"time font-14\">\n        {{ item.release_time | relativeTimeFormat('M月D日') }}\n      </span>\n      <p class=\"title font-18\">{{ item.title }}</p>\n      <div class=\"btn-box\">\n        <div class=\"more-btn font-color-primary font-14\">查看专题</div>\n      </div>\n    </div>\n  </router-link>\n</template>\n\n<script>\nexport default {\n  props: {\n    item: {\n      type: Object,\n      default: () => {}\n    },\n    // 是否需要在新tab页打开\n    linkTarget: { type: String, default: '_seft' }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topic-item-component {\n  @include transitionCard;\n  width: 278px;\n  margin-bottom: 30px;\n  color: $text-color-default;\n  .image-wrapper {\n    width: 100%;\n    height: 139px;\n    .thumbnail {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      height: 139px;\n      object-fit: cover;\n    }\n  }\n  .info {\n    height: 140px;\n    padding: 14px 24px 0 24px;\n    .title {\n      margin: 12px 0 20px 0;\n    }\n    .btn-box {\n      text-align: center;\n      display: none;\n      .more-btn {\n        width: 120px;\n        height: 38px;\n        line-height: 36px;\n        display: inline-block;\n        border: 1px solid $primary-color;\n        background-color: $white;\n        border-radius: 3px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  /**\n  图片增加15%黑色遮罩，图片上移20px，图片区域减少50px高\n  文字增加50px高度，底色色值#ffffff\n  */\n  &:hover {\n    .image-wrapper {\n      height: 79px;\n      .thumbnail {\n        margin-top: -20px;\n      }\n    }\n    .info {\n      height: 190px;\n      .btn-box {\n        display: block;\n      }\n    }\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!./TopicItem.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!./TopicItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopicItem.vue?vue&type=template&id=ec28605e&scoped=true&\"\nimport script from \"./TopicItem.vue?vue&type=script&lang=js&\"\nexport * from \"./TopicItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopicItem.vue?vue&type=style&index=0&id=ec28605e&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  \"ec28605e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}