{"version":3,"sources":["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/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"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","key","params","o","data","id","expression","arg","staticClass","attrs","cover","url","on","$event","stopPropagation","preventDefault","play","apply","arguments","_v","_s","_f","video","video_play_count","duration","verified_type","class","bluev","_e","screen_name","followers_count","repost_count","comment_count","attitude_count","closeVideo","fullscreen","fullScreenToggle","staticRenderFns","components","ModalBase","MVideo","filters","unit","i","si","length","symbol","props","type","Object","required","popShow","computed","videoList","marketing_guidance","video_list","methods","$stat","isFullscreen","component","style","background","bgColor","target","currentTarget","wrapperClick","_t","lockScroll","mounted","$nextTick","beforeDestroy","$emit"],"mappings":"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","file":"js/c-originality-OriVideo.650f1a77.js","sourcesContent":["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&\"","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"],"sourceRoot":""}