{"version":3,"sources":["webpack:///./src/views/index/components/IndexProduct.vue?0754","webpack:///./src/assets/img/index-product-icon-1.png","webpack:///./src/assets/img/index-product-icon-3.png","webpack:///./src/assets/img/index-product/feed.png","webpack:///./src/assets/img/index-product/exposure.mp4","webpack:///./src/assets/img/index-product-icon-2.png","webpack:///./src/views/index/components/IndexProduct.vue?82ec","webpack:///src/views/index/components/IndexProduct.vue","webpack:///./src/views/index/components/IndexProduct.vue?d59c","webpack:///./src/views/index/components/IndexProduct.vue?9dd1","webpack:///./src/assets/img/index-product/search.jpg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","directives","name","rawName","value","activeIndex","expression","key","id","mediaType","attrs","data","domProps","_v","_s","activeSwitch","title","desc","class","active","on","changeSwitch","type","arg","staticRenderFns","inheritAttrs","switchData","computed","methods","component"],"mappings":"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","file":"js/v-index-components-IndexProduct.12eb2b59.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!./IndexProduct.vue?vue&type=style&index=0&id=2f6e7499&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA0CAYAAADBjcvWAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAANqADAAQAAAABAAAANAAAAACJg33EAAADyklEQVRoBe2aTUwTQRTH5223hUILBkGK3Lx4MFoPxgMoJw8ImKAJiQZDNIgeECiJMdzkqF4qH3rQcCEYjQkcgNjERKIxBjUmAgkmRhOMiYjiR6BQPtrd8W1hky4UOm1nt6Vpk2Z2Zt689//NTGdndktIin6g/I53KZXYgNAljysnTySUZqYSGAUI4gipBBXKkgYL7Y2dcJ0esZ0wSqEa0yMW2hs74VoMBGQmnUBgRWMIAjWJmhL9M1Hcc8VfX32sgjI2GgoAvVZzVuuoO/fvxjo98sFdEiNcXL8xmdK6xVXfpLNp+oweIPH4jAtsLTB1UJn0O6/+eHLo2syeeMTwbMsBbB2P0hqyLH883PSzlqfAWH1xAwsKoGS3LEt9OHrDztbfxbGK4tGOL9i6IkppJfH7cfRmGniIjMWHbgs2wuXg976zcfoCHiU+s4uD3oluxwi7fXhL3cDUcJSQEjzzlaj5iKlA3qJN3GC6TMWI4g0wELPsZpYwK0vewCMK1EIoUe5ZSX/qFncVbtpQbALF07bvzc2Ci0rFkZbZ/X7J30MpKd1kmEQFUU/F9x0Fn07nF5URQWgBgMUkYtFIiRpMad3eDvJEl6OTEjhICDzXeEySTExgqnZclqcm7hadEAThMu7+59TyZEjjAlMBxrocD4jFfACn5rBaluiUC5gCMe7O/z7eXXRKEEznCZA/iQbjfoMe6yp8WHp9dtAn+fNigcu1m7h0CncwBeb17QIvJso3YR9uUzFhBFsEToNt0TFJW5yyI8a6eJiqOhecsQwPgGl+qMk6pbatvLe8DwIBu5qPJpVk3IYzNmACww1vTkCSxxh9aswA6EpVp69suDnrXXnH/DFp1T+C5zOmI4XGUZQZ3acinqIzJEkaQLijRIZ+I6CUPmAasSg7a5M5JbQY4UYJobp3pBrcsEAIZ1gsBc7QYGpvGpGmwYzoZZ4x0iPGszeN8CUSgBe8AuFfRwTcGRzHe9Xav0gYHOMjBeXN4ytswbqpiOQ1+IKSWUAkb2p9hdvbLhN6Q81HSvHRXhv+RehWJLto67mD4U4DKjoWBjCtjiQGn5E89rjs5yLZxVLPffFAsdRst9XhY7nJ7QSh3QfRaqvfziaeOu5gipjBevBaLOZqnGb/wolDqFkRxOqhK8D8Ajycn+3KdAFTAg42Zn7Bp8VnEULSCoAA7ndqhlqs37TlfHO6gSkyPc22Z7jqtoVKFgTi8jTbX4aW6XHNffEIJ/Kk29uHm+BaAYSepy7bpXA2vMsMObbYim0Ni9MLc9l7s1t5A2zl7z9XPP+2AYi3awAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/feed.41174da9.png\";","module.exports = __webpack_public_path__ + \"media/exposure.d6f25faf.mp4\";","module.exports = \"data:image/png;base64,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\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index-product-component app-flex-column-center\"},[_c('div',{staticClass:\"content app-flex-row\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"cover\"}),_vm._l((_vm.switchData),function(item,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index == _vm.activeIndex),expression:\"index == activeIndex\"}],key:item.id,staticClass:\"media-container\"},[(item.mediaType == 'image')?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.data),expression:\"item.data\"}],staticClass:\"media\",attrs:{\"title\":(\"微博营销 \" + (item.type)),\"alt\":(\"微博营销 \" + (item.type))}}):_c('video',{staticClass:\"media\",attrs:{\"src\":item.data,\"autoplay\":\"\",\"muted\":\"\",\"loop\":\"\"},domProps:{\"muted\":true}})])})],2),_c('div',{staticClass:\"right app-flex-rest app-flex-column-space-between\"},[_c('div',{staticClass:\"active-content\"},[_c('h4',{staticClass:\"title font-26\"},[_vm._v(_vm._s(_vm.activeSwitch.title))]),_c('p',{staticClass:\"font-18\"},[_vm._v(_vm._s(_vm.activeSwitch.desc))])]),_c('ul',{staticClass:\"switch app-flex-row-space-between\"},_vm._l((_vm.switchData),function(item,index){return _c('li',{key:item.id,staticClass:\"switch-item app-flex-column\",class:{ active: _vm.activeIndex === index },attrs:{\"href\":\"https://tui.weibo.com/platform\"},on:{\"click\":function () { return _vm.changeSwitch(index); }}},[_c('div',{staticClass:\"switch-img app-flex-row-center\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.img),expression:\"item.img\"}],attrs:{\"title\":(\"微博营销 \" + (item.type)),\"alt\":(\"微博营销 \" + (item.type))}})]),_c('h5',[_vm._v(_vm._s(item.type))])])}),0)])]),_c('div',{staticClass:\"bottom app-flex-row-center\"},[_c('span',{staticClass:\"font-color-notice\"},[_vm._v(\"您的广告能够以更丰富的样式呈现，\")]),_c('a',{directives:[{name:\"stat\",rawName:\"v-stat:click\",value:({ key: 'index_product_more_click' }),expression:\"{ key: 'index_product_more_click' }\",arg:\"click\"}],staticClass:\"font-color-primary\",attrs:{\"href\":\"https://tui.weibo.com/platform\",\"target\":\"_blank\"}},[_vm._v(\" 查看更多广告样式 \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index-product-component app-flex-column-center\">\n    <div class=\"content app-flex-row\">\n      <div class=\"left\">\n        <div class=\"cover\"></div>\n        <div\n          v-for=\"(item, index) in switchData\"\n          v-show=\"index == activeIndex\"\n          :key=\"item.id\"\n          class=\"media-container\"\n        >\n          <img\n            v-if=\"item.mediaType == 'image'\"\n            v-lazy=\"item.data\"\n            class=\"media\"\n            :title=\"`微博营销 ${item.type}`\"\n            :alt=\"`微博营销 ${item.type}`\"\n          />\n          <video\n            v-else\n            :src=\"item.data\"\n            class=\"media\"\n            autoplay\n            muted\n            loop\n          ></video>\n        </div>\n      </div>\n      <div class=\"right app-flex-rest app-flex-column-space-between\">\n        <div class=\"active-content\">\n          <h4 class=\"title font-26\">{{ activeSwitch.title }}</h4>\n          <p class=\"font-18\">{{ activeSwitch.desc }}</p>\n        </div>\n        <ul class=\"switch app-flex-row-space-between\">\n          <li\n            v-for=\"(item, index) in switchData\"\n            :key=\"item.id\"\n            href=\"https://tui.weibo.com/platform\"\n            class=\"switch-item app-flex-column\"\n            :class=\"{ active: activeIndex === index }\"\n            @click=\"() => changeSwitch(index)\"\n          >\n            <div class=\"switch-img app-flex-row-center\">\n              <img\n                v-lazy=\"item.img\"\n                :title=\"`微博营销 ${item.type}`\"\n                :alt=\"`微博营销 ${item.type}`\"\n              />\n            </div>\n            <h5>{{ item.type }}</h5>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <div class=\"bottom app-flex-row-center\">\n      <span class=\"font-color-notice\">您的广告能够以更丰富的样式呈现，</span>\n      <a\n        v-stat:click=\"{ key: 'index_product_more_click' }\"\n        href=\"https://tui.weibo.com/platform\"\n        class=\"font-color-primary\"\n        target=\"_blank\"\n      >\n        查看更多广告样式\n      </a>\n    </div>\n  </div>\n</template>\n\n<script>\nimport img1 from '@/assets/img/index-product-icon-1.png'\nimport img2 from '@/assets/img/index-product-icon-2.png'\nimport img3 from '@/assets/img/index-product-icon-3.png'\nimport productVideo from '@/assets/img/index-product/exposure.mp4'\nimport productImg1 from '@/assets/img/index-product/search.jpg'\nimport productImg2 from '@/assets/img/index-product/feed.png'\n\nexport default {\n  inheritAttrs: false,\n  data() {\n    return {\n      activeIndex: 0,\n      switchData: [\n        {\n          id: '1',\n          title: '开机报头',\n          desc: '第一时间向微博2.30亿日活用户展现，单轮2000万PV强曝光，全天9轮通投+2轮区域，支持4种素材类型，支持3种互动形式，可对不同区域定向精准投放。',\n          img: img1,\n          type: '曝光类广告',\n          mediaType: 'video',\n          data: productVideo\n        },\n        {\n          id: '2',\n          title: '热门搜索榜',\n          desc: '热搜榜焦点位置，火爆热度，超强曝光，有效吸引用户关注度。',\n          img: img2,\n          type: '搜索类广告',\n          mediaType: 'image',\n          data: productImg1\n        },\n        {\n          id: '3',\n          title: '超级粉丝通',\n          desc: '灵活样式完整展现，专属落地提升效率，社交传播精准把握。',\n          img: img3,\n          type: '信息流广告',\n          mediaType: 'image',\n          data: productImg2\n        }\n      ]\n    }\n  },\n  computed: {\n    activeSwitch() {\n      return this.switchData[this.activeIndex]\n    }\n  },\n  methods: {\n    changeSwitch(index) {\n      this.activeIndex = index\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.index-product-component {\n  .content {\n    align-items: flex-start;\n    .left {\n      width: 436px;\n      height: 613px;\n      margin-right: 46px;\n      position: relative;\n      .cover {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        left: 0;\n        top: 0;\n        z-index: 9;\n        background: url('~@/assets/img/index-product-phone.png') no-repeat left\n          top/contain;\n      }\n      .media-container {\n        width: 290px;\n        height: 513.5px;\n        position: absolute;\n        top: 99.5px;\n        left: 75.5px;\n        overflow: hidden;\n        .media {\n          width: 100%;\n          display: block;\n          object-fit: cover;\n        }\n      }\n    }\n    .right {\n      padding-top: 151px;\n      height: 594px;\n      box-sizing: border-box;\n      .active-content {\n        .title {\n          font-weight: bold;\n          margin-bottom: 40px;\n        }\n      }\n\n      .switch {\n        padding-bottom: 28px;\n        .switch-item {\n          width: 202px;\n          height: 142px;\n          border-radius: 12px;\n          box-sizing: border-box;\n          border: 1px solid $white;\n          box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);\n          align-items: center;\n          color: $text-color-desc;\n          position: relative;\n          cursor: pointer;\n          .switch-img {\n            width: 72px;\n            height: 72px;\n            border-radius: 50%;\n            background-color: $white;\n            margin: 18px 0 8px;\n            img {\n              width: 28px;\n            }\n          }\n\n          &:hover {\n            border: 1px solid $text-color-primary;\n          }\n          &.active {\n            background-color: $text-color-primary;\n            border-color: $text-color-primary;\n            box-shadow: none;\n            &:after {\n              content: '';\n              @include triangle(bottom, $text-color-primary, 14px);\n              top: 0;\n              left: 50%;\n              position: absolute;\n              transform: translate(-50%, -100%);\n            }\n            color: $white;\n          }\n        }\n      }\n    }\n  }\n  .bottom {\n    width: 623px;\n    height: 72px;\n    margin: 62px auto 0;\n    border-radius: 8px;\n    background-color: $neutral-color-1;\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!./IndexProduct.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!./IndexProduct.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexProduct.vue?vue&type=template&id=2f6e7499&scoped=true&\"\nimport script from \"./IndexProduct.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexProduct.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexProduct.vue?vue&type=style&index=0&id=2f6e7499&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  \"2f6e7499\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/search.c8ffb44c.jpg\";"],"sourceRoot":""}