{"version":3,"sources":["webpack:///./src/components/originality/OriImage.vue?a1ae","webpack:///./src/components/originality/OriImage.vue?c676","webpack:///src/components/originality/OriImage.vue","webpack:///./src/components/originality/OriImage.vue?cf3c","webpack:///./src/components/originality/OriImage.vue?b45a","webpack:///./src/components/originality/OriBlog.vue?1def","webpack:///src/components/originality/OriBlog.vue","webpack:///./src/components/originality/OriBlog.vue?018a","webpack:///./src/components/originality/OriBlog.vue?5b5d","webpack:///./src/views/index/components/IndexOriginality.vue?c00e","webpack:///src/views/index/components/IndexOriginality.vue","webpack:///./src/views/index/components/IndexOriginality.vue?7411","webpack:///./src/views/index/components/IndexOriginality.vue?e641","webpack:///./src/assets/img/index-originality/ori_img_2.png","webpack:///./src/components/originality/OriBlog.vue?4ebd","webpack:///./src/components/originality/OriBlog.vue?5a6c","webpack:///./src/assets/img/index-originality/ori_img_3.png","webpack:///./src/components/originality/OriVideo.vue?3927","webpack:///src/components/originality/OriVideo.vue","webpack:///./src/components/originality/OriVideo.vue?9a6a","webpack:///./src/components/originality/OriVideo.vue?8083","webpack:///./src/components/originality/OriVideo.vue?f347","webpack:///./src/assets/img/index-originality/ori_img_1.jpeg","webpack:///./src/views/index/components/IndexOriginality.vue?9bf6","webpack:///./src/components/common/ModalBase.vue?0b6f","webpack:///./src/components/common/ModalBase.vue?bdb5","webpack:///src/components/common/ModalBase.vue","webpack:///./src/components/common/ModalBase.vue?e096","webpack:///./src/components/common/ModalBase.vue?8a7b","webpack:///./src/assets/img/index-originality/ori_img_4.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","data","expression","attrs","on","preview","$event","popShow","src","_e","staticRenderFns","components","ModalBase","props","type","Object","required","methods","component","key","params","o","id","arg","verified_type","class","bluev","_v","_s","screen_name","_f","followers_count","domProps","text","_l","item","repost_count","comment_count","attitude_count","filters","unit","i","si","length","symbol","computed","thumbnails","pic_list","index","active","activeIndex","switchChange","originalityList","OriVideo","OriBlog","OriImage","inheritAttrs","imageList","switchData","module","exports","cover","url","stopPropagation","preventDefault","play","apply","arguments","video","video_play_count","duration","closeVideo","fullscreen","fullScreenToggle","MVideo","videoList","marketing_guidance","video_list","$stat","isFullscreen","style","background","bgColor","target","currentTarget","wrapperClick","_t","lockScroll","mounted","$nextTick","beforeDestroy","$emit"],"mappings":"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","file":"js/v-index-components-IndexOriginality.1afb0b0b.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!./OriImage.vue?vue&type=style&index=0&id=ac4a6766&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ori-image-component\"},[_c('div',{staticClass:\"thumb-image\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.data.src),expression:\"data.src\"}],staticClass:\"app-lazyload-transparent\",attrs:{\"title\":\"微博营销 创意灵感\",\"alt\":\"微博营销 创意灵感\"},on:{\"click\":_vm.preview}})]),(_vm.popShow)?_c('modal-base',{attrs:{\"bg-color\":\"rgba(0, 0, 0, 0.85)\",\"lock-scroll\":false},on:{\"wrapper-click\":function($event){_vm.popShow = false}}},[_c('div',{staticClass:\"preview-image\"},[_c('img',{attrs:{\"src\":_vm.data.src}})]),_c('div',{staticClass:\"close-btn\",on:{\"click\":function($event){_vm.popShow = false}}},[_c('i',{staticClass:\"iconfont icon-guanbianniu\"})])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ori-image-component\">\n    <div class=\"thumb-image\">\n      <img\n        v-lazy=\"data.src\"\n        class=\"app-lazyload-transparent\"\n        title=\"微博营销 创意灵感\"\n        alt=\"微博营销 创意灵感\"\n        @click=\"preview\"\n      />\n    </div>\n    <modal-base\n      v-if=\"popShow\"\n      bg-color=\"rgba(0, 0, 0, 0.85)\"\n      :lock-scroll=\"false\"\n      @wrapper-click=\"popShow = false\"\n    >\n      <div class=\"preview-image\">\n        <img :src=\"data.src\" />\n      </div>\n      <div class=\"close-btn\" @click=\"popShow = false\">\n        <i class=\"iconfont icon-guanbianniu\"></i>\n      </div>\n    </modal-base>\n  </div>\n</template>\n\n<script>\nimport ModalBase from '@/components/common/ModalBase'\n\nexport default {\n  components: {\n    ModalBase\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      popShow: false\n    }\n  },\n  methods: {\n    preview() {\n      this.popShow = true\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ori-image-component {\n  .thumb-image {\n    width: 278px;\n    height: 503px;\n    overflow: hidden;\n    border-radius: 8px;\n    cursor: pointer;\n    img {\n      float: left;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n  .preview-image {\n    position: absolute;\n    width: 505px;\n    left: 50%;\n    top: 24px;\n    bottom: 24px;\n    margin-left: -252.5px;\n    box-sizing: border-box;\n    overflow: hidden;\n    text-align: center;\n    img {\n      max-width: 100%;\n      max-height: 100%;\n    }\n  }\n  .close-btn {\n    position: absolute;\n    top: 32px;\n    right: 32px;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    background-color: rgba(142, 144, 145, 0.85);\n    line-height: 56px;\n    text-align: center;\n    cursor: pointer;\n    color: #363636;\n    &:hover {\n      background-color: #3352fe;\n      color: #ffffff;\n    }\n    i {\n      font-size: 34px;\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!./OriImage.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!./OriImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OriImage.vue?vue&type=template&id=ac4a6766&scoped=true&\"\nimport script from \"./OriImage.vue?vue&type=script&lang=js&\"\nexport * from \"./OriImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OriImage.vue?vue&type=style&index=0&id=ac4a6766&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  \"ac4a6766\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{directives:[{name:\"stat\",rawName:\"v-stat:click\",value:({\n    key: 'index_originality_blog_card_click',\n    params: { o: _vm.data.id }\n  }),expression:\"{\\n    key: 'index_originality_blog_card_click',\\n    params: { o: data.id }\\n  }\",arg:\"click\"}],staticClass:\"ori-blog-component\",attrs:{\"href\":(\"https://hd.weibo.com/originality/view/\" + (_vm.data.id) + \"?alk_from=P006_C070\"),\"target\":\"_blank\"}},[_c('div',{staticClass:\"blog-content\"},[(_vm.data.profile_image_url)?_c('div',{staticClass:\"avatar-img\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.data.profile_image_url),expression:\"data.profile_image_url\"}],staticClass:\"app-lazyload-transparent\"}),(_vm.data.verified_type - 0 !== -1)?_c('span',{staticClass:\"vip-badge\",class:{ bluev: _vm.data.verified_type - 0 === 2 }},[_c('i',{staticClass:\"iconfont icon-yonghushuxing\"})]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"main-content\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"user-info\"},[_c('h3',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.data.screen_name))]),_c('p',[(_vm.data.followers_count)?_c('span',[_vm._v(\" 粉丝·\"+_vm._s(_vm._f(\"unit\")(_vm.data.followers_count))+\" \")]):_vm._e()])])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"text-wrapper font-14\"},[_c('div',{staticClass:\"text\",domProps:{\"innerHTML\":_vm._s(_vm.text)}})]),_c('div',{staticClass:\"image-grid\"},[_c('ul',{staticClass:\"image-list\"},_vm._l((_vm.thumbnails),function(item){return _c('li',{key:item.id},[_c('div',{staticClass:\"image-item\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.url),expression:\"item.url\"}],staticClass:\"app-lazyload-transparent\"})])])}),0)])]),_c('div',{staticClass:\"footer\"},[_c('div',{staticClass:\"relate-counts\"},[(_vm.data.repost_count > 0)?_c('span',[_vm._v(\" 转发 \"+_vm._s(_vm._f(\"unit\")(_vm.data.repost_count))+\" \")]):_vm._e(),_vm._v(\", \"),(_vm.data.comment_count > 0)?_c('span',[_vm._v(\" 评论 \"+_vm._s(_vm._f(\"unit\")(_vm.data.comment_count))+\" \")]):_vm._e(),_vm._v(\", \"),(_vm.data.attitude_count > 0)?_c('span',[_vm._v(\" 点赞 \"+_vm._s(_vm._f(\"unit\")(_vm.data.attitude_count))+\" \")]):_vm._e()])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a\n    v-stat:click=\"{\n      key: 'index_originality_blog_card_click',\n      params: { o: data.id }\n    }\"\n    :href=\"`https://hd.weibo.com/originality/view/${data.id}?alk_from=P006_C070`\"\n    target=\"_blank\"\n    class=\"ori-blog-component\"\n  >\n    <div class=\"blog-content\">\n      <div v-if=\"data.profile_image_url\" class=\"avatar-img\">\n        <img v-lazy=\"data.profile_image_url\" class=\"app-lazyload-transparent\" />\n        <span\n          v-if=\"data.verified_type - 0 !== -1\"\n          class=\"vip-badge\"\n          :class=\"{ bluev: data.verified_type - 0 === 2 }\"\n        >\n          <i class=\"iconfont icon-yonghushuxing\"></i>\n        </span>\n      </div>\n      <div class=\"main-content\">\n        <div class=\"header\">\n          <div class=\"user-info\">\n            <h3 class=\"name\">{{ data.screen_name }}</h3>\n            <p>\n              <span v-if=\"data.followers_count\">\n                粉丝·{{ data.followers_count | unit }}\n              </span>\n            </p>\n          </div>\n        </div>\n        <div class=\"body\">\n          <div class=\"text-wrapper font-14\">\n            <div class=\"text\" v-html=\"text\"></div>\n          </div>\n          <div class=\"image-grid\">\n            <ul class=\"image-list\">\n              <li v-for=\"item in thumbnails\" :key=\"item.id\">\n                <div class=\"image-item\">\n                  <img v-lazy=\"item.url\" class=\"app-lazyload-transparent\" />\n                </div>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"footer\">\n          <div class=\"relate-counts\">\n            <span v-if=\"data.repost_count > 0\">\n              转发 {{ data.repost_count | unit }} </span\n            >,\n            <span v-if=\"data.comment_count > 0\">\n              评论 {{ data.comment_count | unit }} </span\n            >,\n            <span v-if=\"data.attitude_count > 0\">\n              点赞 {{ data.attitude_count | unit }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</template>\n\n<script>\nexport default {\n  filters: {\n    unit(value, d = 1) {\n      const si = [\n        { value: 1, symbol: '' },\n        { value: 1e4, symbol: '万' },\n        { value: 1e8, symbol: '亿' }\n      ]\n      let i\n      for (i = si.length - 1; i > 0; i--) {\n        if (value >= si[i].value) {\n          break\n        }\n      }\n      value = (value / si[i].value)\n        .toFixed(d)\n        .replace(/\\.0+$|(\\.[0-9]*[1-9])0+$/, '$1')\n      return value + si[i].symbol\n    }\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true\n    }\n  },\n  computed: {\n    text() {\n      let text =\n        this.data.is_long_text > 0 ? this.data.long_text : this.data.text\n      return text\n        .replace(/#(.*?)#/g, a => {\n          return `<em>${a}</em>`\n        })\n        .replace(\n          // eslint-disable-next-line\n          /@(.*?)(?=[\\x00-\\x2C\\x2E\\x2F\\x3A-\\x40\\x5B-\\x5E\\x60\\x7B-\\x7E\\u3002\\uff1f\\uff01\\uff0c\\u3001\\uff1b\\uff1a\\u201c\\u201d\\u2018\\u2019\\uff08\\uff09\\u300a\\u300b\\u3008\\u3009\\u3010\\u3011\\u300e\\u300f\\u300c\\u300d\\ufe43\\ufe44\\u3014\\u3015\\u2026\\u2014\\uff5e\\ufe4f\\uffe5])/g,\n          a => {\n            return `<em>${a}</em>`\n          }\n        )\n        .replace('→http://t.cn/A6fmuHf5', '...')\n    },\n    thumbnails() {\n      return (this.data.pic_list || [])\n        .map(item => item.bmiddle || item.thumbnail || {})\n        .map(item => {\n          item.piiicMode = item.height - 0 > item.width * 2\n          return item\n        })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ori-blog-component {\n  width: 572px;\n  border-radius: 8px;\n  background-color: rgba(255, 255, 255, 0.05);\n  overflow: hidden;\n  align-self: flex-start;\n  box-sizing: border-box;\n  color: white;\n  display: block;\n  padding: 25px 20px 32px;\n  .avatar-img {\n    float: left;\n    width: 48px;\n    height: 48px;\n    padding-right: 12px;\n    box-sizing: content-box;\n    position: relative;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n    .vip-badge {\n      position: absolute;\n      width: 14px;\n      height: 14px;\n      line-height: 15px;\n      text-align: center;\n      bottom: 0;\n      right: 10px;\n      border-radius: 50%;\n      background-color: #ffa800;\n      color: #ffffff;\n      border: 2px solid #ffffff;\n      i {\n        font-size: 14px;\n      }\n      &.bluev {\n        background-color: #2fb0f7;\n      }\n    }\n    & + .main-content {\n      .user-info {\n        min-height: 48px;\n      }\n    }\n  }\n  .text-wrapper {\n    margin: 8px 0;\n  }\n  .text {\n    font-size: 14px;\n    color: #ffffff;\n    line-height: 22px;\n    display: inline;\n    word-break: break-all;\n  }\n  .main-content {\n    overflow: hidden;\n    .user-info {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      .name {\n        font-size: 14px;\n        line-height: normal;\n      }\n      p {\n        color: #8e9091;\n        font-size: 12px;\n        span {\n          margin-right: 12px;\n        }\n      }\n    }\n    .footer {\n      display: flex;\n      justify-content: flex-end;\n      margin-top: 16px;\n    }\n  }\n  .image-grid {\n    width: 367px;\n  }\n  .image-list {\n    list-style: none;\n    margin: 0 -2.5px;\n    padding: 0;\n    overflow: hidden;\n    li {\n      float: left;\n      width: 33.333333%;\n      box-sizing: border-box;\n      padding: 2.5px;\n      position: relative;\n      .mask {\n        position: absolute;\n        background-color: rgba(0, 0, 0, 0.45);\n        top: 2.5px;\n        left: 2.5px;\n        right: 2.5px;\n        bottom: 2.5px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 20px;\n        color: #ffffff;\n        z-index: 1;\n        border-radius: 4px;\n      }\n    }\n    .image-item {\n      display: block;\n      width: 100%;\n      position: relative;\n      border-radius: 4px;\n      overflow: hidden;\n      cursor: pointer;\n      img {\n        width: 100%;\n        position: absolute;\n        height: 100%;\n        object-fit: cover;\n      }\n      &:after {\n        content: '';\n        display: block;\n        padding-bottom: 100%;\n        height: 0;\n      }\n    }\n  }\n  .relate-counts {\n    height: 30px;\n    line-height: 31px;\n    border-radius: 15px;\n    padding: 0 16px;\n    font-size: 14px;\n    color: #efeff3;\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.ori-blog-component {\n  .text {\n    em {\n      font-style: normal;\n      color: #ffffff;\n      font-weight: bold;\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!./OriBlog.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!./OriBlog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OriBlog.vue?vue&type=template&id=20a9caad&scoped=true&\"\nimport script from \"./OriBlog.vue?vue&type=script&lang=js&\"\nexport * from \"./OriBlog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OriBlog.vue?vue&type=style&index=0&id=20a9caad&lang=scss&scoped=true&\"\nimport style1 from \"./OriBlog.vue?vue&type=style&index=1&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  \"20a9caad\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index-originality-component\"},[_c('div',{staticClass:\"app-flex-row-center\"},[_c('ul',{staticClass:\"switch font-14 app-flex-row-space-between\"},_vm._l((_vm.switchData),function(item,index){return _c('li',{key:item.id,staticClass:\"switch-item font-color-white\",class:{ active: _vm.activeIndex == index },on:{\"click\":function () { return _vm.switchChange(index); }}},[_c('div',{staticClass:\"switch-text text-center\"},[_vm._v(_vm._s(item.name))])])}),0)]),_c('div',{staticClass:\"tab-content\"},[(_vm.activeIndex == 0)?_c('div',{staticClass:\"app-flex-row-space-between\"},_vm._l((_vm.originalityList.video),function(item){return _c('OriVideo',{key:item.id,attrs:{\"data\":item}})}),1):_vm._e(),(_vm.activeIndex == 1)?_c('div',{staticClass:\"app-flex-row-space-between\"},_vm._l((_vm.originalityList.blog),function(item){return _c('OriBlog',{key:item.id,attrs:{\"data\":item}})}),1):_vm._e(),(_vm.activeIndex == 2)?_c('div',{staticClass:\"app-flex-row-space-between\"},_vm._l((_vm.imageList),function(item){return _c('OriImage',{key:item.src,attrs:{\"data\":item}})}),1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index-originality-component\">\n    <div class=\"app-flex-row-center\">\n      <ul class=\"switch font-14 app-flex-row-space-between\">\n        <li\n          v-for=\"(item, index) in switchData\"\n          :key=\"item.id\"\n          class=\"switch-item font-color-white\"\n          :class=\"{ active: activeIndex == index }\"\n          @click=\"() => switchChange(index)\"\n        >\n          <div class=\"switch-text text-center\">{{ item.name }}</div>\n        </li>\n      </ul>\n    </div>\n    <div class=\"tab-content\">\n      <div v-if=\"activeIndex == 0\" class=\"app-flex-row-space-between\">\n        <OriVideo\n          v-for=\"item in originalityList.video\"\n          :key=\"item.id\"\n          :data=\"item\"\n        ></OriVideo>\n      </div>\n      <div v-if=\"activeIndex == 1\" class=\"app-flex-row-space-between\">\n        <OriBlog\n          v-for=\"item in originalityList.blog\"\n          :key=\"item.id\"\n          :data=\"item\"\n        ></OriBlog>\n      </div>\n      <div v-if=\"activeIndex == 2\" class=\"app-flex-row-space-between\">\n        <OriImage\n          v-for=\"item in imageList\"\n          :key=\"item.src\"\n          :data=\"item\"\n        ></OriImage>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport OriVideo from '@/components/originality/OriVideo'\nimport OriBlog from '@/components/originality/OriBlog'\nimport OriImage from '@/components/originality/OriImage'\nimport oriImg1 from '@/assets/img/index-originality/ori_img_1.jpeg'\nimport oriImg2 from '@/assets/img/index-originality/ori_img_2.png'\nimport oriImg3 from '@/assets/img/index-originality/ori_img_3.png'\nimport oriImg4 from '@/assets/img/index-originality/ori_img_4.png'\n\nexport default {\n  components: {\n    OriVideo,\n    OriBlog,\n    OriImage\n  },\n  inheritAttrs: false,\n  props: {\n    originalityList: { type: Object, default: () => ({}) }\n  },\n  data() {\n    return {\n      activeIndex: 0,\n      imageList: [\n        {\n          src: oriImg1\n        },\n        {\n          src: oriImg2\n        },\n        {\n          src: oriImg3\n        },\n        {\n          src: oriImg4\n        }\n      ],\n      switchData: [\n        { id: 3, name: '视频类' },\n        { id: 1, name: '博文类' },\n        { id: 2, name: '图片类' }\n      ]\n    }\n  },\n  methods: {\n    switchChange(index) {\n      this.activeIndex = index\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.index-originality-component {\n  .switch {\n    width: 756px;\n    border-bottom: 3px solid rgba(255, 255, 255, 0.1);\n    .switch-item {\n      opacity: 0.85;\n      width: 216px;\n      cursor: pointer;\n      .switch-text {\n        width: 100%;\n        position: relative;\n        padding-bottom: 12px;\n      }\n      &:hover {\n        opacity: 1;\n      }\n      &.active {\n        .switch-text:after {\n          content: '';\n          position: absolute;\n          left: 0;\n          bottom: -3px;\n          width: 100%;\n          height: 3px;\n          background-color: $white;\n        }\n      }\n    }\n  }\n  .tab-content {\n    color: $white;\n    padding: 40px 0 48px;\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!./IndexOriginality.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!./IndexOriginality.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexOriginality.vue?vue&type=template&id=0db4f53a&scoped=true&\"\nimport script from \"./IndexOriginality.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexOriginality.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexOriginality.vue?vue&type=style&index=0&id=0db4f53a&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  \"0db4f53a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ori_img_2.e9a4320a.png\";","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!./OriBlog.vue?vue&type=style&index=0&id=20a9caad&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!./OriBlog.vue?vue&type=style&index=1&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/ori_img_3.d62d3d19.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a',{directives:[{name:\"stat\",rawName:\"v-stat:click\",value:({\n      key: 'index_originality_video_card_click',\n      params: { o: _vm.data.id }\n    }),expression:\"{\\n      key: 'index_originality_video_card_click',\\n      params: { o: data.id }\\n    }\",arg:\"click\"}],staticClass:\"ori-video-component\",attrs:{\"href\":(\"https://hd.weibo.com/originality/view/\" + (_vm.data.id) + \"?alk_from=P006_C070\"),\"target\":\"_blank\"}},[_c('div',{staticClass:\"video-content\"},[_c('div',{staticClass:\"poster-image\"},[_c('img',{attrs:{\"src\":_vm.cover.url,\"alt\":\"微博营销 创意灵感\"}}),_c('div',{staticClass:\"play-btn\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.play.apply(null, arguments)}}},[_c('i',{staticClass:\"iconfont icon-kaishibofang\"})]),_c('div',{staticClass:\"video-data app-flex-row-space-between\"},[_c('span',[_vm._v(_vm._s(_vm._f(\"unit\")(_vm.video.video_play_count))+\"次观看\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"duration\")(_vm.video.duration)))])])])]),_c('div',{staticClass:\"footer app-flex-row-space-between\"},[_c('div',{staticClass:\"user-info\"},[(_vm.data.profile_image_url)?_c('div',{staticClass:\"avatar-img\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.data.profile_image_url),expression:\"data.profile_image_url\"}],attrs:{\"alt\":(\"微博营销 \" + (_vm.data.industry))}}),(_vm.data.verified_type - 0 !== -1)?_c('span',{staticClass:\"vip-badge\",class:{ bluev: _vm.data.verified_type - 0 === 2 }},[_c('i',{staticClass:\"iconfont icon-yonghushuxing\"})]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"user-main\"},[_c('h3',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.data.screen_name))]),_c('p',[(_vm.data.followers_count)?_c('span',[_vm._v(\" 粉丝 \"+_vm._s(_vm._f(\"unit\")(_vm.data.followers_count))+\" \")]):_vm._e()])])]),_c('div',{staticClass:\"relate-counts\"},[(_vm.data.repost_count > 0)?_c('span',[_vm._v(\" 转发 \"+_vm._s(_vm._f(\"unit\")(_vm.data.repost_count))+\" \")]):_vm._e(),_vm._v(\", \"),(_vm.data.comment_count > 0)?_c('span',[_vm._v(\" 评论 \"+_vm._s(_vm._f(\"unit\")(_vm.data.comment_count))+\" \")]):_vm._e(),_vm._v(\", \"),(_vm.data.attitude_count > 0)?_c('span',[_vm._v(\" 点赞 \"+_vm._s(_vm._f(\"unit\")(_vm.data.attitude_count))+\" \")]):_vm._e()])])]),(_vm.popShow)?_c('modal-base',{attrs:{\"lock-scroll\":false},on:{\"wrapper-click\":_vm.closeVideo}},[_c('div',{staticClass:\"pop-video\",class:{ fullscreen: _vm.fullscreen }},[_c('m-video',{attrs:{\"view-file\":_vm.video,\"auto-play\":true,\"muted\":true,\"poster\":\"\"},on:{\"fullscreen\":_vm.fullScreenToggle}})],1)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <a\n      v-stat:click=\"{\n        key: 'index_originality_video_card_click',\n        params: { o: data.id }\n      }\"\n      :href=\"`https://hd.weibo.com/originality/view/${data.id}?alk_from=P006_C070`\"\n      target=\"_blank\"\n      class=\"ori-video-component\"\n    >\n      <div class=\"video-content\">\n        <div class=\"poster-image\">\n          <img :src=\"cover.url\" alt=\"微博营销 创意灵感\" />\n          <div class=\"play-btn\" @click.stop.prevent=\"play\">\n            <i class=\"iconfont icon-kaishibofang\"></i>\n          </div>\n          <div class=\"video-data app-flex-row-space-between\">\n            <span>{{ video.video_play_count | unit }}次观看</span>\n            <span>{{ video.duration | duration }}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"footer app-flex-row-space-between\">\n        <div class=\"user-info\">\n          <div v-if=\"data.profile_image_url\" class=\"avatar-img\">\n            <img\n              v-lazy=\"data.profile_image_url\"\n              :alt=\"`微博营销 ${data.industry}`\"\n            />\n            <span\n              v-if=\"data.verified_type - 0 !== -1\"\n              class=\"vip-badge\"\n              :class=\"{ bluev: data.verified_type - 0 === 2 }\"\n            >\n              <i class=\"iconfont icon-yonghushuxing\"></i>\n            </span>\n          </div>\n          <div class=\"user-main\">\n            <h3 class=\"name\">{{ data.screen_name }}</h3>\n            <p>\n              <span v-if=\"data.followers_count\">\n                粉丝 {{ data.followers_count | unit }}\n              </span>\n            </p>\n          </div>\n        </div>\n        <div class=\"relate-counts\">\n          <span v-if=\"data.repost_count > 0\">\n            转发 {{ data.repost_count | unit }} </span\n          >,\n          <span v-if=\"data.comment_count > 0\">\n            评论 {{ data.comment_count | unit }} </span\n          >,\n          <span v-if=\"data.attitude_count > 0\">\n            点赞 {{ data.attitude_count | unit }}\n          </span>\n        </div>\n      </div>\n    </a>\n    <modal-base v-if=\"popShow\" :lock-scroll=\"false\" @wrapper-click=\"closeVideo\">\n      <div class=\"pop-video\" :class=\"{ fullscreen: fullscreen }\">\n        <m-video\n          :view-file=\"video\"\n          :auto-play=\"true\"\n          :muted=\"true\"\n          poster\n          @fullscreen=\"fullScreenToggle\"\n        ></m-video>\n      </div>\n    </modal-base>\n  </div>\n</template>\n\n<script>\nimport dayjs from 'dayjs'\nimport ModalBase from '@/components/common/ModalBase'\nimport MVideo from '@/components/video/MVideo'\n\nexport default {\n  components: {\n    ModalBase,\n    MVideo\n  },\n  filters: {\n    unit(value, d = 1) {\n      const si = [\n        { value: 1, symbol: '' },\n        { value: 1e4, symbol: '万' },\n        { value: 1e8, symbol: '亿' }\n      ]\n      let i\n      for (i = si.length - 1; i > 0; i--) {\n        if (value >= si[i].value) {\n          break\n        }\n      }\n      value = (value / si[i].value)\n        .toFixed(d)\n        .replace(/\\.0+$|(\\.[0-9]*[1-9])0+$/, '$1')\n      return value + si[i].symbol\n    },\n    duration(seconds) {\n      const duration = dayjs.duration({ seconds })\n      const pattern = seconds >= 3600 ? 'HH:mm:ss' : 'mm:ss'\n      return dayjs(duration.asMilliseconds()).format(pattern)\n    }\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      popShow: false,\n      fullscreen: false\n    }\n  },\n  computed: {\n    video() {\n      let videoList = this.data.video_list\n      if (\n        this.data.marketing_guidance &&\n        this.data.marketing_guidance.length > 0\n      ) {\n        videoList = this.data.marketing_guidance[0].video_list\n      }\n      return videoList.length > 0 ? videoList[0] : {}\n    },\n    cover() {\n      return this.video.cover || {}\n    }\n  },\n  methods: {\n    play() {\n      this.popShow = true\n      this.$stat({\n        key: 'index_originality_video_play_click',\n        params: { o: this.data.id }\n      })\n    },\n    closeVideo() {\n      this.popShow = false\n    },\n    fullScreenToggle(isFullscreen) {\n      this.fullscreen = isFullscreen\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ori-video-component {\n  width: 572px;\n  display: block;\n  .poster-image {\n    width: 100%;\n    height: 322px;\n    overflow: hidden;\n    border-radius: 8px;\n    position: relative;\n    cursor: pointer;\n    display: block;\n    color: #ffffff;\n    img {\n      width: 100%;\n      height: 100%;\n      float: left;\n      object-fit: cover;\n    }\n    .play-btn {\n      width: 48px;\n      height: 48px;\n      line-height: 48px;\n      text-align: center;\n      background-color: #000000;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin: -24px 0 0 -24px;\n      border-radius: 50%;\n      cursor: pointer;\n      i {\n        font-size: 28px;\n      }\n    }\n    .video-data {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 40px;\n      line-height: 40px;\n      padding: 0 12px;\n      font-size: 13px;\n      box-sizing: border-box;\n      background-image: linear-gradient(\n        180deg,\n        rgba(0, 0, 0, 0) 0%,\n        rgba(0, 0, 0, 0.65) 100%\n      );\n    }\n  }\n  .avatar-img {\n    float: left;\n    width: 42px;\n    height: 42px;\n    padding-right: 12px;\n    box-sizing: content-box;\n    position: relative;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n    .vip-badge {\n      position: absolute;\n      width: 14px;\n      height: 14px;\n      line-height: 15px;\n      text-align: center;\n      bottom: 0;\n      right: 10px;\n      border-radius: 50%;\n      background-color: #ffa800;\n      color: #ffffff;\n      border: 2px solid #ffffff;\n      i {\n        font-size: 14px;\n      }\n      &.bluev {\n        background-color: #2fb0f7;\n      }\n    }\n  }\n  .footer {\n    margin-top: 16px;\n    .user-info {\n      display: flex;\n    }\n    .user-main {\n      flex-direction: column;\n      justify-content: center;\n      height: 42px;\n      .name {\n        font-weight: normal;\n        font-size: 12px;\n        line-height: normal;\n        color: #ffffff;\n      }\n      p {\n        color: #727272;\n        font-size: 12px;\n        span {\n          margin-right: 12px;\n        }\n      }\n    }\n  }\n  .relate-counts {\n    height: 30px;\n    line-height: 31px;\n    border-radius: 15px;\n    padding: 0 16px;\n    font-size: 14px;\n    color: #efeff3;\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n}\n.pop-video {\n  width: 50%;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  &.fullscreen {\n    width: 100%;\n    height: 100%;\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!./OriVideo.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!./OriVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OriVideo.vue?vue&type=template&id=8e633caa&scoped=true&\"\nimport script from \"./OriVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./OriVideo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OriVideo.vue?vue&type=style&index=0&id=8e633caa&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  \"8e633caa\",\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!./OriVideo.vue?vue&type=style&index=0&id=8e633caa&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/ori_img_1.cc74462f.jpeg\";","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!./IndexOriginality.vue?vue&type=style&index=0&id=0db4f53a&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!./ModalBase.vue?vue&type=style&index=0&id=8cf028d8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-base-component app-modal-wrapper\",style:({ background: _vm.bgColor })},[_c('div',{staticClass:\"mask\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();return _vm.wrapperClick.apply(null, arguments)}}}),_c('div',{staticClass:\"content\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"modal-base-component app-modal-wrapper\"\n    :style=\"{ background: bgColor }\"\n  >\n    <div class=\"mask\" @click.self.stop=\"wrapperClick\"></div>\n    <div class=\"content\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { setPageScroll } from '@/utils'\nexport default {\n  props: {\n    // 是否锁定页面滚动\n    lockScroll: { type: Boolean, default: true },\n    bgColor: { type: String, default: 'rgba(0, 0, 0, 0.65)' }\n  },\n  mounted() {\n    this.$nextTick(() => {\n      if (this.lockScroll) {\n        setPageScroll(false)\n      }\n    })\n  },\n  beforeDestroy() {\n    setPageScroll(true)\n  },\n  methods: {\n    wrapperClick() {\n      this.$emit('wrapper-click')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.modal-base-component {\n  .mask {\n    position: absolute;\n    z-index: -999;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\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!./ModalBase.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!./ModalBase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalBase.vue?vue&type=template&id=8cf028d8&scoped=true&\"\nimport script from \"./ModalBase.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalBase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalBase.vue?vue&type=style&index=0&id=8cf028d8&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  \"8cf028d8\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ori_img_4.d718632c.png\";"],"sourceRoot":""}