{"version":3,"sources":["webpack:///./src/views/topic/view/components/DetailTopic.vue?778a","webpack:///src/views/topic/view/components/DetailTopic.vue","webpack:///./src/views/topic/view/components/DetailTopic.vue?ee09","webpack:///./src/views/topic/view/components/DetailTopic.vue?2b4a","webpack:///./src/views/topic/view/components/DetailTopic.vue?8faa","webpack:///./src/assets/img/common/site-default.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","topic","thumbnail","siteDefaultImg","_v","_s","title","_f","release_time","description","pkg","staticRenderFns","components","DetailWidgets","props","type","Object","required","data","id","ABS_PATH","component","module","exports"],"mappings":"8IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,MAAMC,WAAaT,EAAIU,oBAAoBN,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIQ,MAAMK,UAAUT,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIc,GAAG,qBAAPd,CAA6BA,EAAIQ,MAAMO,aAAa,SAAS,SAASX,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIQ,MAAMQ,gBAAgBZ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,gBAAgB,CAACG,MAAM,CAAC,eAAeP,EAAIQ,MAAM,IAAMR,EAAIiB,QAAQ,MAC1oBC,EAAkB,G,6CCsBtB,GACEC,WAAY,CACVC,cAAJ,cAEEC,MAAO,CACLb,MAAO,CACLc,KAAMC,OACNC,UAAU,IAGdC,KAVF,WAWI,MAAO,CACLR,IAAK,CACHK,KAAM,QACNI,GAAIzB,KAAKO,MAAMkB,IAEjBC,SAAN,OACMjB,eAAN,OCxCkY,I,wBCQ9XkB,EAAY,eACd,EACA7B,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,6CCnBf,W,0CCAAC,EAAOC,QAAU","file":"js/v-topic-view-components-DetailTopic.1df2b179.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"detail-topic-wrapper\"},[_c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":_vm.topic.thumbnail || _vm.siteDefaultImg}})]),_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.topic.title))]),_c('div',{staticClass:\"time-share\"},[_c('div',{staticClass:\"release_time\"},[_vm._v(\" \"+_vm._s(_vm._f(\"relativeTimeFormat\")(_vm.topic.release_time,'M月D日'))+\" \")])]),_c('div',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.topic.description))]),_c('div',{staticClass:\"body\"},[_c('DetailWidgets',{attrs:{\"content-info\":_vm.topic,\"pkg\":_vm.pkg}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"detail-topic-wrapper\">\n    <div class=\"banner\">\n      <img :src=\"topic.thumbnail || siteDefaultImg\" />\n    </div>\n    <h3 class=\"title\">{{ topic.title }}</h3>\n    <div class=\"time-share\">\n      <div class=\"release_time\">\n        {{ topic.release_time | relativeTimeFormat('M月D日') }}\n      </div>\n    </div>\n    <div class=\"description\">{{ topic.description }}</div>\n    <div class=\"body\">\n      <DetailWidgets :content-info=\"topic\" :pkg=\"pkg\"></DetailWidgets>\n    </div>\n  </div>\n</template>\n\n<script>\nimport siteDefaultImg from '@/assets/img/common/site-default.png'\nimport { ABS_PATH } from '@/global/config'\nimport DetailWidgets from '@/components/widget/DetailWidgets'\n\nexport default {\n  components: {\n    DetailWidgets\n  },\n  props: {\n    topic: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      pkg: {\n        type: 'topic',\n        id: this.topic.id\n      },\n      ABS_PATH,\n      siteDefaultImg\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.banner {\n  height: 408px;\n  margin-bottom: 48px;\n  img {\n    width: 100%;\n    height: 100%;\n  }\n}\n.title {\n  font-size: 36px;\n  font-weight: bold;\n  margin: 16px 0;\n  line-height: normal;\n}\n.time-share {\n  margin-bottom: 72px;\n  overflow: hidden;\n}\n.release_time {\n  float: left;\n}\n.share-group {\n  float: right;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n}\n.channel {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-right: 12px;\n  cursor: pointer;\n  position: relative;\n  i {\n    width: 100%;\n    height: 100%;\n    display: inline-block;\n    background: no-repeat center/100% 100%;\n  }\n  .tips {\n    position: absolute;\n    display: none;\n    left: -118px;\n    top: -148px;\n    box-sizing: border-box;\n    width: 264px;\n    height: 134px;\n    background-color: #ffffff;\n    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);\n    border-radius: 7px;\n    padding: 12px 0 12px 12px;\n    z-index: 10;\n\n    &:after {\n      position: absolute;\n      content: '';\n      left: 125px;\n      bottom: -6px;\n      box-sizing: border-box;\n      width: 12px;\n      height: 12px;\n      background-color: #ffffff;\n      border: 1px solid #ffffff;\n\n      box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.05);\n\n      transform: rotate(45deg);\n    }\n\n    > img {\n      float: left;\n      width: 110px;\n      height: 110px;\n    }\n\n    > p {\n      margin-top: 12px;\n      margin-left: 120px;\n      color: #888888;\n      line-height: 28px;\n      font-size: 12px;\n      transform: scale(0.917);\n    }\n  }\n\n  &:hover {\n    .tips {\n      display: block;\n    }\n  }\n  &:last-child {\n    margin-right: 0;\n  }\n}\n.description {\n  overflow: hidden;\n  padding: 18px 32px 18px 24px;\n  font-size: 18px;\n  line-height: 28px;\n  background-color: #fafafb;\n  border-left: 4px solid #3352fe;\n  margin-bottom: 64px;\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!./DetailTopic.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!./DetailTopic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailTopic.vue?vue&type=template&id=35bf3908&scoped=true&\"\nimport script from \"./DetailTopic.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailTopic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailTopic.vue?vue&type=style&index=0&id=35bf3908&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  \"35bf3908\",\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!./DetailTopic.vue?vue&type=style&index=0&id=35bf3908&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,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\""],"sourceRoot":""}