{"version":3,"sources":["webpack:///./src/views/index/components/IndexStar.vue?77cd","webpack:///src/views/index/components/IndexStar.vue","webpack:///./src/views/index/components/IndexStar.vue?5d26","webpack:///./src/views/index/components/IndexStar.vue?c96a","webpack:///./src/views/index/components/IndexContactInfo.vue?dd91","webpack:///src/views/index/components/IndexContactInfo.vue","webpack:///./src/views/index/components/IndexContactInfo.vue?45ac","webpack:///./src/views/index/components/IndexContactInfo.vue?0dbe","webpack:///./src/assets/img/index-star/data-3.png","webpack:///./src/components/senior/SeniorList.vue?0e74","webpack:///src/components/senior/SeniorList.vue","webpack:///./src/components/senior/SeniorList.vue?695d","webpack:///./src/components/senior/SeniorList.vue?3c24","webpack:///./src/assets/img/index-star/data-2.png","webpack:///./node_modules/core-js/modules/es.string.includes.js","webpack:///./src/views/index/components/IndexProduct.vue?0754","webpack:///./src/views/index/components/IndexAdvantage.vue?f540","webpack:///src/views/index/components/IndexAdvantage.vue","webpack:///./src/views/index/components/IndexAdvantage.vue?2b4f","webpack:///./src/views/index/components/IndexAdvantage.vue?e29a","webpack:///./src/assets/img/index-star/avatar-2.png","webpack:///./src/assets/img/index-product-icon-1.png","webpack:///./src/views/index/components/IndexSenior.vue?9609","webpack:///src/views/index/components/IndexSenior.vue","webpack:///./src/views/index/components/IndexSenior.vue?467c","webpack:///./src/views/index/components/IndexSenior.vue?b6f4","webpack:///./src/assets/img/index-product-icon-3.png","webpack:///./src/views/index/components/IndexSenior.vue?4d4d","webpack:///./src/assets/img/index-star/data-4.png","webpack:///./node_modules/core-js/internals/not-a-regexp.js","webpack:///./src/components/senior/SeniorList.vue?9dcf","webpack:///./src/assets/img/index-star/avatar-4.png","webpack:///./src/assets/img/index-star/data-1.png","webpack:///./src/assets/img/index-star/avatar-1.png","webpack:///./src/views/index/components/IndexStar.vue?a222","webpack:///./src/assets/img/index-product/feed.png","webpack:///./node_modules/core-js/internals/correct-is-regexp-logic.js","webpack:///./src/views/index/IndexPage.vue?7980","webpack:///./src/views/index/components/IndexContactInfo.vue?b301","webpack:///./src/assets/img/index-star/avatar-3.png","webpack:///./src/assets/img/index-product/exposure.mp4","webpack:///./src/assets/img/v-gold.png","webpack:///./src/views/index/IndexPage.vue?5e92","webpack:///src/views/index/IndexPage.vue","webpack:///./src/views/index/IndexPage.vue?59ea","webpack:///./src/views/index/IndexPage.vue?b28f","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/loading-white.png","webpack:///./src/assets/img/index-product/search.jpg","webpack:///./src/views/index/components/IndexAdvantage.vue?7ee7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","id","class","active","activeIndex","on","starChange","directives","name","rawName","value","expression","attrs","activeData","_v","_s","label","fans","i","selector","starLink","data","staticRenderFns","inheritAttrs","starList","computed","methods","component","focusScope","form","required","companyRule","isCompany","errorBag","has","disabled","type","validateEvents","domProps","onFocus","onBlur","$event","target","composing","$set","first","_e","toggleType","totalError","handleSubmit","submitText","_m","successShow","phone","email","min","max","validate","EXP_PATTERN","length","getMessage","custom","company","username","isName","userTel","isPhone","userEmail","isEmail","components","ModalBase","props","String","default","from","terminal","submitting","mounted","$validator","validateAll","then","valid","resetForm","module","exports","style","margin","gutter","marginLeft","marginRight","itemClick","brand","activity_name","list","$","notARegExp","requireObjectCoercible","toString","correctIsRegExpLogic","proto","forced","includes","searchString","indexOf","arguments","undefined","title","desc","seniorList","SeniorList","$stat","isRegExp","it","TypeError","wellKnownSymbol","MATCH","METHOD_NAME","regexp","error1","error2","top","videoCoverTextTop","arg","openVideo","ref","dark","theme","background","bgColor","color","subColor","subTitle","fullWidth","tag","originalityList","statKey","moreLink","moreBtnText","closeVideo","fullscreen","viewFile","fullScreenToggle","MVideo","IndexProduct","IndexStar","IndexOriginality","IndexAdvantage","IndexSenior","IndexContactInfo","layout","src","popShow","created","getSenior","getOriginality","$nextTick","isFullscreen","$refs","keyVideoRef","pause","onPopShow","play","mediaType","activeSwitch","changeSwitch","switchData"],"mappings":"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","file":"js/v-index-IndexPage.1b880cda.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index-star-component\"},[_c('ul',{staticClass:\"stars app-flex-row-space-between\"},_vm._l((_vm.starList),function(item,index){return _c('li',{key:item.id,staticClass:\"star-item app-flex-row\",class:{ active: _vm.activeIndex === index },on:{\"click\":function () { return _vm.starChange(index); }}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.avatar),expression:\"item.avatar\"}],staticClass:\"avatar\",attrs:{\"alt\":(\"微博营销 达人 \" + (_vm.activeData.name) + \" \" + (_vm.activeData.label))}}),_c('div',{staticClass:\"info app-flex-column app-flex-rest font-12\"},[_c('span',{staticClass:\"name font-14 app-flex-row\"},[_vm._v(\" \"+_vm._s(item.name)+\" \"),_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(require('@/assets/img/v-gold.png')),expression:\"require('@/assets/img/v-gold.png')\"}],staticClass:\"v-icon\",attrs:{\"alt\":\"微博营销\"}})]),_c('p',[_c('span',{staticClass:\"label\"},[_vm._v(\"达人分类\")]),_c('span',[_vm._v(_vm._s(item.label))])]),_c('p',[_c('span',{staticClass:\"label\"},[_vm._v(\"粉丝数\")]),_c('span',[_vm._v(_vm._s(item.fans))])]),_c('p',[_c('span',{staticClass:\"label\"},[_vm._v(\"影响力\")]),_vm._l((item.star),function(i){return _c('i',{key:i,staticClass:\"iconfont icon-shoucangguo font-color-yellow\"})})],2)])])}),0),_c('a',{directives:[{name:\"lazy-container\",rawName:\"v-lazy-container\",value:({ selector: 'img' }),expression:\"{ selector: 'img' }\"}],staticClass:\"star-img\",attrs:{\"href\":_vm.starLink,\"target\":\"_blank\"}},[_c('img',{staticClass:\"img\",attrs:{\"data-src\":_vm.activeData.data,\"data-error\":require('@/assets/img/loading-white.png'),\"data-loading\":require('@/assets/img/loading-white.png'),\"title\":(\"微博营销 达人推广精选推荐 \" + (_vm.activeData.name) + \" \" + (_vm.activeData.label)),\"alt\":(\"微博营销 达人推广精选推荐 \" + (_vm.activeData.name) + \" \" + (_vm.activeData.label))}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index-star-component\">\n    <ul class=\"stars app-flex-row-space-between\">\n      <li\n        v-for=\"(item, index) in starList\"\n        :key=\"item.id\"\n        class=\"star-item app-flex-row\"\n        :class=\"{ active: activeIndex === index }\"\n        @click=\"() => starChange(index)\"\n      >\n        <img\n          v-lazy=\"item.avatar\"\n          :alt=\"`微博营销 达人 ${activeData.name} ${activeData.label}`\"\n          class=\"avatar\"\n        />\n        <div class=\"info app-flex-column app-flex-rest font-12\">\n          <span class=\"name font-14 app-flex-row\">\n            {{ item.name }}\n            <img\n              v-lazy=\"require('@/assets/img/v-gold.png')\"\n              alt=\"微博营销\"\n              class=\"v-icon\"\n            />\n          </span>\n          <p>\n            <span class=\"label\">达人分类</span>\n            <span>{{ item.label }}</span>\n          </p>\n          <p>\n            <span class=\"label\">粉丝数</span>\n            <span>{{ item.fans }}</span>\n          </p>\n          <p>\n            <span class=\"label\">影响力</span>\n            <i\n              v-for=\"i in item.star\"\n              :key=\"i\"\n              class=\"iconfont icon-shoucangguo font-color-yellow\"\n            ></i>\n          </p>\n        </div>\n      </li>\n    </ul>\n    <a\n      v-lazy-container=\"{ selector: 'img' }\"\n      class=\"star-img\"\n      :href=\"starLink\"\n      target=\"_blank\"\n    >\n      <img\n        :data-src=\"activeData.data\"\n        :data-error=\"require('@/assets/img/loading-white.png')\"\n        :data-loading=\"require('@/assets/img/loading-white.png')\"\n        class=\"img\"\n        :title=\"`微博营销 达人推广精选推荐 ${activeData.name} ${activeData.label}`\"\n        :alt=\"`微博营销 达人推广精选推荐 ${activeData.name} ${activeData.label}`\"\n      />\n    </a>\n  </div>\n</template>\n\n<script>\nimport avatar1 from '@/assets/img/index-star/avatar-1.png'\nimport avatar2 from '@/assets/img/index-star/avatar-2.png'\nimport avatar3 from '@/assets/img/index-star/avatar-3.png'\nimport avatar4 from '@/assets/img/index-star/avatar-4.png'\nimport dataImg1 from '@/assets/img/index-star/data-1.png'\nimport dataImg2 from '@/assets/img/index-star/data-2.png'\nimport dataImg3 from '@/assets/img/index-star/data-3.png'\nimport dataImg4 from '@/assets/img/index-star/data-4.png'\n\nexport default {\n  inheritAttrs: false,\n  data() {\n    return {\n      starLink: 'https://weirenwu.weibo.com',\n      activeIndex: 0,\n      starList: [\n        {\n          id: 1,\n          name: '做个东西',\n          label: '人文艺术',\n          fans: '497万',\n          star: 5,\n          avatar: avatar1,\n          data: dataImg1\n        },\n        {\n          id: 2,\n          name: '无穷小亮微博',\n          label: '科学科普',\n          fans: '631万',\n          star: 5,\n          avatar: avatar2,\n          data: dataImg2\n        },\n        {\n          id: 3,\n          name: '老师好我叫何同学',\n          label: '科技数码',\n          fans: '386万',\n          star: 5,\n          avatar: avatar3,\n          data: dataImg3\n        },\n        {\n          id: 4,\n          name: 'Kakakaoo-',\n          label: '时尚美妆',\n          fans: '1308万',\n          star: 5,\n          avatar: avatar4,\n          data: dataImg4\n        }\n      ]\n    }\n  },\n  computed: {\n    activeData() {\n      return this.starList[this.activeIndex]\n    }\n  },\n  methods: {\n    starChange(index) {\n      this.activeIndex = index\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.index-star-component {\n  .stars {\n    .star-item {\n      width: 266px;\n      height: 118px;\n      border-radius: 8px;\n      padding: 12px 0 0 17px;\n      border: 1px solid $white;\n      box-sizing: border-box;\n      background: $white;\n      align-items: flex-start;\n      position: relative;\n      cursor: pointer;\n      .avatar {\n        width: 68px;\n        height: 68px;\n        border: 2px solid #efeff3;\n        margin-right: 16px;\n        border-radius: 50%;\n        box-sizing: border-box;\n        overflow: hidden;\n      }\n      .info {\n        .name {\n          .v-icon {\n            width: 14px;\n            height: 14px;\n            margin-left: 4px;\n          }\n        }\n        p {\n          display: flex;\n          flex-direction: row;\n          .label {\n            display: block;\n            width: 56px;\n            color: $text-color-notice;\n          }\n        }\n      }\n      &:hover {\n        border-color: $text-color-primary;\n      }\n      &.active {\n        background-color: $text-color-primary;\n        border-color: $text-color-primary;\n        .info {\n          .name {\n            color: $white;\n          }\n          p {\n            color: $white;\n            .label {\n              color: $white;\n            }\n          }\n        }\n        &:after {\n          content: '';\n          @include triangle(top, $text-color-primary, 12px);\n          bottom: 0;\n          left: 50%;\n          position: absolute;\n          transform: translate(-50%, 100%);\n        }\n      }\n    }\n  }\n  .star-img {\n    display: block;\n    width: 100%;\n    height: 376px;\n    margin-top: 28px;\n    margin-bottom: 48px;\n    .img {\n      width: 100%;\n      height: 100%;\n      display: block;\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!./IndexStar.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!./IndexStar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexStar.vue?vue&type=template&id=07ed976a&scoped=true&\"\nimport script from \"./IndexStar.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexStar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexStar.vue?vue&type=style&index=0&id=07ed976a&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  \"07ed976a\",\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-contact-info-component app-flex-row-space-between\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"form app-flex-row\"},[_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'company' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.company),expression:\"form.company\"},{name:\"validate\",rawName:\"v-validate\",value:({\n            required: _vm.companyRule,\n            isCompany: _vm.companyRule\n          }),expression:\"{\\n            required: companyRule,\\n            isCompany: companyRule\\n          }\"}],class:{\n            'error-input': _vm.errorBag.has('company'),\n            disabled: _vm.form.type != 1\n          },attrs:{\"name\":\"company\",\"type\":\"text\",\"placeholder\":\"公司名称（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents,\"disabled\":_vm.form.type != 1},domProps:{\"value\":(_vm.form.company)},on:{\"focus\":function () { return _vm.onFocus('company'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"company\", $event.target.value)}}}),(_vm.companyRule)?_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('company'))+\" \")]):_vm._e(),_c('div',{staticClass:\"personal font-14 item-text app-flex-row\",on:{\"click\":_vm.toggleType}},[_c('i',{staticClass:\"iconfont\",class:[\n              _vm.form.type == 1\n                ? 'icon-weixuan1'\n                : 'icon-yixuan font-color-primary'\n            ]}),_vm._v(\" 个人用户 \")])]),_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'username' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.name),expression:\"form.name\"},{name:\"validate\",rawName:\"v-validate\",value:('required|isName'),expression:\"'required|isName'\"}],class:{ 'error-input': _vm.errorBag.has('username') },attrs:{\"name\":\"username\",\"type\":\"text\",\"placeholder\":\"姓名（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents},domProps:{\"value\":(_vm.form.name)},on:{\"focus\":function () { return _vm.onFocus('username'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"name\", $event.target.value)}}}),_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('username'))+\" \")])]),_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'userTel' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.phone),expression:\"form.phone\"},{name:\"validate\",rawName:\"v-validate\",value:('required|isPhone'),expression:\"'required|isPhone'\"}],class:{ 'error-input': _vm.errorBag.has('userTel') },attrs:{\"name\":\"userTel\",\"type\":\"text\",\"placeholder\":\"手机号（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents},domProps:{\"value\":(_vm.form.phone)},on:{\"focus\":function () { return _vm.onFocus('userTel'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"phone\", $event.target.value)}}}),_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('userTel'))+\" \")])]),_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'userEmail' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.email),expression:\"form.email\"},{name:\"validate\",rawName:\"v-validate\",value:('required|isEmail'),expression:\"'required|isEmail'\"}],class:{ 'error-input': _vm.errorBag.has('userEmail') },attrs:{\"name\":\"userEmail\",\"scope\":\"email\",\"type\":\"text\",\"placeholder\":\"邮箱（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents},domProps:{\"value\":(_vm.form.email)},on:{\"focus\":function () { return _vm.onFocus('userEmail'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"email\", $event.target.value)}}}),_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('userEmail'))+\" \")])])]),_c('div',{staticClass:\"submit-box\"},[(_vm.totalError)?_c('p',{staticClass:\"total-error font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.totalError)+\" \")]):_vm._e(),_c('div',{staticClass:\"submit font-color-white app-flex-row-center\",on:{\"click\":_vm.handleSubmit}},[_vm._v(\" \"+_vm._s(_vm.submitText)+\" \")])])]),_vm._m(0),(_vm.successShow)?_c('modal-base',{attrs:{\"bg-color\":\"rgba(0,0,0,0.45)\",\"lock-scroll\":false},on:{\"wrapper-click\":function($event){_vm.successShow = false}}},[_c('div',{staticClass:\"success-box app-flex-column\"},[_c('div',{staticClass:\"icon-box\"},[_c('i',{staticClass:\"iconfont icon-chenggong font-color-white font-64\"})]),_c('p',{staticClass:\"font-24 font-color-primary title\"},[_vm._v(\"信息已提交成功\")]),_c('p',[_vm._v(\"请保持电话畅通\")]),_c('p',[_vm._v(\"您的专属顾问会在1个工作日内联系您\")]),_c('div',{staticClass:\"close-btn app-flex-row-center font-color-white\"},[_c('i',{staticClass:\"iconfont icon-guanbianniu\",on:{\"click\":function($event){_vm.successShow = false}}})])])]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right app-flex-column\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"或者直接拨打\")]),_c('i',{staticClass:\"line\"}),_c('h3',{staticClass:\"tel font-42 font-color-primary\"},[_vm._v(\"4000-970-970\")]),_c('span',{staticClass:\"time font-14 font-color-desc\"},[_vm._v(\"9:00~18:00 (周一到周五)\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index-contact-info-component app-flex-row-space-between\">\n    <div class=\"left\">\n      <div class=\"form app-flex-row\">\n        <div class=\"form-item\" :class=\"{ 'is-focus': focusScope == 'company' }\">\n          <input\n            v-model=\"form.company\"\n            v-validate=\"{\n              required: companyRule,\n              isCompany: companyRule\n            }\"\n            name=\"company\"\n            type=\"text\"\n            placeholder=\"公司名称（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{\n              'error-input': errorBag.has('company'),\n              disabled: form.type != 1\n            }\"\n            :disabled=\"form.type != 1\"\n            @focus=\"() => onFocus('company')\"\n            @blur=\"onBlur\"\n          />\n          <div v-if=\"companyRule\" class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('company') }}\n          </div>\n          <div\n            class=\"personal font-14 item-text app-flex-row\"\n            @click=\"toggleType\"\n          >\n            <i\n              class=\"iconfont\"\n              :class=\"[\n                form.type == 1\n                  ? 'icon-weixuan1'\n                  : 'icon-yixuan font-color-primary'\n              ]\"\n            ></i>\n            个人用户\n          </div>\n        </div>\n        <div\n          class=\"form-item\"\n          :class=\"{ 'is-focus': focusScope == 'username' }\"\n        >\n          <input\n            v-model=\"form.name\"\n            v-validate=\"'required|isName'\"\n            name=\"username\"\n            type=\"text\"\n            placeholder=\"姓名（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{ 'error-input': errorBag.has('username') }\"\n            @focus=\"() => onFocus('username')\"\n            @blur=\"onBlur\"\n          />\n          <div class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('username') }}\n          </div>\n        </div>\n        <div class=\"form-item\" :class=\"{ 'is-focus': focusScope == 'userTel' }\">\n          <input\n            v-model=\"form.phone\"\n            v-validate=\"'required|isPhone'\"\n            name=\"userTel\"\n            type=\"text\"\n            placeholder=\"手机号（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{ 'error-input': errorBag.has('userTel') }\"\n            @focus=\"() => onFocus('userTel')\"\n            @blur=\"onBlur\"\n          />\n          <div class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('userTel') }}\n          </div>\n        </div>\n        <div\n          class=\"form-item\"\n          :class=\"{ 'is-focus': focusScope == 'userEmail' }\"\n        >\n          <input\n            v-model=\"form.email\"\n            v-validate=\"'required|isEmail'\"\n            name=\"userEmail\"\n            scope=\"email\"\n            type=\"text\"\n            placeholder=\"邮箱（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{ 'error-input': errorBag.has('userEmail') }\"\n            @focus=\"() => onFocus('userEmail')\"\n            @blur=\"onBlur\"\n          />\n          <div class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('userEmail') }}\n          </div>\n        </div>\n      </div>\n      <div class=\"submit-box\">\n        <p v-if=\"totalError\" class=\"total-error font-color-danger\">\n          {{ totalError }}\n        </p>\n        <div\n          class=\"submit font-color-white app-flex-row-center\"\n          @click=\"handleSubmit\"\n        >\n          {{ submitText }}\n        </div>\n      </div>\n    </div>\n    <div class=\"right app-flex-column\">\n      <span class=\"label\">或者直接拨打</span>\n      <i class=\"line\"></i>\n      <h3 class=\"tel font-42 font-color-primary\">4000-970-970</h3>\n      <span class=\"time font-14 font-color-desc\">9:00~18:00 (周一到周五)</span>\n    </div>\n\n    <modal-base\n      v-if=\"successShow\"\n      bg-color=\"rgba(0,0,0,0.45)\"\n      :lock-scroll=\"false\"\n      @wrapper-click=\"successShow = false\"\n    >\n      <div class=\"success-box app-flex-column\">\n        <div class=\"icon-box\">\n          <i class=\"iconfont icon-chenggong font-color-white font-64\"></i>\n        </div>\n        <p class=\"font-24 font-color-primary title\">信息已提交成功</p>\n        <p>请保持电话畅通</p>\n        <p>您的专属顾问会在1个工作日内联系您</p>\n        <div class=\"close-btn app-flex-row-center font-color-white\">\n          <i class=\"iconfont icon-guanbianniu\" @click=\"successShow = false\"></i>\n        </div>\n      </div>\n    </modal-base>\n  </div>\n</template>\n\n<script>\nimport { Validator } from 'vee-validate/dist/vee-validate.minimal.esm'\nimport { required } from 'vee-validate/dist/rules.esm'\nimport { API_PATH } from '@/global/config'\n\nconst EXP_PATTERN = {\n  // 手机\n  phone: /^1\\d{10}$/,\n  email: /\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*/,\n  min: 2,\n  max: 30\n}\n\nValidator.extend('required', required)\n\nValidator.extend('isCompany', {\n  validate: value => {\n    let length = String(value).length\n    return EXP_PATTERN.min <= length && length <= EXP_PATTERN.max\n  }\n})\n\nValidator.extend('isName', {\n  validate: value => {\n    let length = String(value).length\n    return EXP_PATTERN.min <= length && length <= EXP_PATTERN.max\n  }\n})\n\nValidator.extend('isPhone', {\n  getMessage: () => '手机号格式错误',\n  validate: value => EXP_PATTERN.phone.test(value)\n})\n\nValidator.extend('isEmail', {\n  validate: value => EXP_PATTERN.email.test(value)\n})\n\nValidator.localize('zh_CN', {\n  custom: {\n    company: {\n      required: '请您填写公司名称',\n      isCompany: '公司名称限2-30个字符'\n    },\n    username: {\n      required: '请您填写姓名',\n      isName: '姓名限2-30个字符'\n    },\n    userTel: {\n      required: '请您填写手机号',\n      isPhone: '手机号格式错误'\n    },\n    userEmail: {\n      required: '请您填写邮箱',\n      isEmail: '邮箱格式错误'\n    }\n  }\n})\n\nexport default {\n  components: {\n    ModalBase: () => import('@/components/common/ModalBase')\n  },\n  props: {\n    submitText: {\n      type: String,\n      default: '立即预约咨询'\n    },\n    from: {\n      type: String,\n      default: 'index'\n    }\n  },\n  inheritAttrs: false,\n  data() {\n    return {\n      form: {\n        from: this.from,\n        company: '',\n        name: '',\n        // 类型(0:个人,1:公司)\n        type: 1,\n        terminal: 'pc',\n        phone: '',\n        email: ''\n      },\n      companyRule: true,\n      submitting: false,\n      successShow: false,\n      totalError: '',\n      validateEvents: 'change',\n      focusScope: ''\n    }\n  },\n  mounted() {},\n  methods: {\n    toggleType() {\n      this.companyRule = this.form.type != 1\n      this.form = {\n        ...this.form,\n        type: this.form.type == 1 ? 0 : 1,\n        company: ''\n      }\n    },\n    handleSubmit() {\n      this.$validator.validateAll().then(valid => {\n        if (valid) {\n          this.doSubmit()\n        }\n      })\n    },\n    async doSubmit() {\n      this.validateEvents = ''\n      if (this.submitting) {\n        return\n      }\n      this.submitting = true\n      try {\n        const res = await this.$http.post(API_PATH.Comm_Consult.receive, {\n          data: {\n            ...this.form,\n            source: document.cookie\n              .split(';')\n              .map(item => item.trim())\n              .reduce(\n                (p, c) =>\n                  c.indexOf('fr=') === 0 ? c.substring(3, c.length) : p,\n                ''\n              )\n          }\n        })\n        const { errno, error } = res\n        if (errno == 0) {\n          this.successShow = true\n          setTimeout(() => {\n            this.validateEvents = 'change|custom'\n          }, 500)\n          this.resetForm()\n        } else {\n          this.totalError = error\n        }\n        this.submitting = false\n      } catch {\n        this.submitting = false\n      }\n    },\n    resetForm() {\n      this.form = {\n        from: this.from,\n        company: '',\n        name: '',\n        type: 1,\n        terminal: 'pc',\n        phone: '',\n        email: ''\n      }\n    },\n    onFocus(name) {\n      this.totalError = ''\n      this.focusScope = name\n      this.validateEvents = 'change'\n    },\n    onBlur() {\n      this.focusScope = ''\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.center {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-contact-info-component {\n  align-items: flex-start;\n  .left {\n    width: 816px;\n    .form {\n      .form-item {\n        width: 380px;\n        margin-right: 28px;\n        margin-bottom: 50px;\n        position: relative;\n        input {\n          box-sizing: border-box;\n          width: 100%;\n          border-radius: 26px;\n          border: 1px solid $neutral-color-3;\n          padding: 15px 24px;\n          outline: none;\n          margin-bottom: 8px;\n          &.error-input {\n            border-color: $danger-color;\n          }\n          &::-webkit-input-placeholder {\n            /* WebKit browsers */\n            font-size: 14px;\n            color: $text-color-desc;\n          }\n\n          &::-moz-placeholder {\n            /* Mozilla Firefox 19+ */\n            font-size: 14px;\n            color: $text-color-desc;\n          }\n\n          &:-ms-input-placeholder {\n            /* Internet Explorer 10+ */\n            font-size: 14px;\n            color: $text-color-desc;\n          }\n\n          &:focus {\n            border-color: $primary-color;\n          }\n\n          &.disabled {\n            background-color: $text-color-other;\n            border-color: $text-color-other;\n            cursor: not-allowed;\n            &::-webkit-input-placeholder {\n              /* WebKit browsers */\n              font-size: 14px;\n              color: $text-color-notice;\n            }\n\n            &::-moz-placeholder {\n              /* Mozilla Firefox 19+ */\n              font-size: 14px;\n              color: $text-color-notice;\n            }\n\n            &:-ms-input-placeholder {\n              /* Internet Explorer 10+ */\n              font-size: 14px;\n              color: $text-color-notice;\n            }\n          }\n        }\n        .error {\n          position: absolute;\n          left: 24px;\n          top: -4px;\n          transform: translateY(-100%);\n        }\n        .personal {\n          position: absolute;\n          left: 24px;\n          top: 60px;\n          cursor: pointer;\n          .iconfont {\n            margin-right: 4px;\n          }\n        }\n        &.is-focus {\n          .error {\n            display: none;\n          }\n        }\n      }\n    }\n    .submit-box {\n      position: relative;\n      .submit {\n        width: 788px;\n        height: 48px;\n        background: $primary-color;\n        border-radius: 23px;\n        cursor: pointer;\n        margin-top: -10px;\n      }\n      .total-error {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        margin-top: -30px;\n      }\n    }\n  }\n  .right {\n    align-items: flex-end;\n    .line {\n      width: 64px;\n      height: 4px;\n      background: $neutral-color-3;\n      border-radius: 2px;\n      margin-top: 12px;\n      margin-bottom: 16px;\n    }\n    .tel {\n      margin-bottom: 8px;\n    }\n  }\n\n  .success-box {\n    width: 580px;\n    height: 382px;\n    background: $white;\n    border-radius: 8px;\n    border: 1px solid $neutral-color-3;\n    align-items: center;\n    padding-top: 70px;\n    box-sizing: border-box;\n    @extend .center;\n    .icon-box {\n      width: 120px;\n      height: 120px;\n      background: rgba(42, 96, 228, 0.1);\n      position: relative;\n      border-radius: 50%;\n      margin-bottom: 28px;\n      &:after {\n        content: '';\n        width: 74px;\n        height: 74px;\n        background: $base-color-2;\n        border-radius: 50%;\n        @extend .center;\n      }\n      .iconfont {\n        z-index: 9;\n        @extend .center;\n      }\n    }\n    .title {\n      margin-bottom: 16px;\n    }\n    .close-btn {\n      width: 40px;\n      height: 40px;\n      box-sizing: border-box;\n      border: 1px solid $white;\n      border-radius: 50%;\n      position: absolute;\n      right: 0;\n      top: 0;\n      margin: -40px -40px 0 0;\n      cursor: pointer;\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!./IndexContactInfo.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!./IndexContactInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexContactInfo.vue?vue&type=template&id=9dc0cd2a&scoped=true&\"\nimport script from \"./IndexContactInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexContactInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexContactInfo.vue?vue&type=style&index=0&id=9dc0cd2a&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  \"9dc0cd2a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/data-3.ec5772ee.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"senior-list-component app-flex-row\",style:({ margin: (\"0 -\" + _vm.gutter + \"px\") })},_vm._l((_vm.list),function(item){return _c('a',{key:item.id,staticClass:\"senior-item font-color-body\",style:({ marginLeft: (_vm.gutter + \"px\"), marginRight: (_vm.gutter + \"px\") }),attrs:{\"href\":(\"https://hd.weibo.com/senior/view/\" + (item.id) + \"?alk_from=P006_C070\"),\"target\":\"_blank\"},on:{\"click\":function () { return _vm.itemClick(item); }}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.banner),expression:\"item.banner\"}],staticClass:\"banner app-lazyload-transparent\",attrs:{\"title\":(\"微博营销 营销案例 \" + (item.activity_name)),\"alt\":(\"微博营销 营销案例 \" + (item.activity_name))}}),_c('div',{staticClass:\"info app-flex-column\"},[_c('p',{staticClass:\"brand font-14 font-color-desc\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"品牌方：\")]),_c('span',[_vm._v(_vm._s(item.brand.name))])]),_c('h4',{staticClass:\"title font-18\"},[_vm._v(_vm._s(item.activity_name))])])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"senior-list-component app-flex-row\"\n    :style=\"{ margin: `0 -${gutter}px` }\"\n  >\n    <a\n      v-for=\"item in list\"\n      :key=\"item.id\"\n      class=\"senior-item font-color-body\"\n      :style=\"{ marginLeft: `${gutter}px`, marginRight: `${gutter}px` }\"\n      :href=\"`https://hd.weibo.com/senior/view/${item.id}?alk_from=P006_C070`\"\n      target=\"_blank\"\n      @click=\"() => itemClick(item)\"\n    >\n      <img\n        v-lazy=\"item.banner\"\n        class=\"banner app-lazyload-transparent\"\n        :title=\"`微博营销 营销案例 ${item.activity_name}`\"\n        :alt=\"`微博营销 营销案例 ${item.activity_name}`\"\n      />\n      <div class=\"info app-flex-column\">\n        <p class=\"brand font-14 font-color-desc\">\n          <span class=\"label\">品牌方：</span>\n          <span>{{ item.brand.name }}</span>\n        </p>\n        <h4 class=\"title font-18\">{{ item.activity_name }}</h4>\n      </div>\n    </a>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    list: { type: Array, default: () => [] },\n    gutter: { type: [Number, String], default: 12 },\n    itemClick: { type: Function, default: () => {} }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.senior-list-component {\n  justify-content: flex-start;\n  .senior-item {\n    width: 278px;\n    height: 271px;\n    border-radius: 3px;\n    overflow: hidden;\n    background-color: $neutral-color-1;\n    cursor: pointer;\n    .banner {\n      width: 100%;\n      height: 139px;\n      object-fit: cover;\n    }\n    .info {\n      padding: 14px 16px 0;\n      .title {\n        font-weight: bold;\n        margin-top: 12px;\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!./SeniorList.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!./SeniorList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SeniorList.vue?vue&type=template&id=240d57fc&scoped=true&\"\nimport script from \"./SeniorList.vue?vue&type=script&lang=js&\"\nexport * from \"./SeniorList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SeniorList.vue?vue&type=style&index=0&id=240d57fc&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  \"240d57fc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/data-2.1e019667.png\";","'use strict';\nvar $ = require('../internals/export');\nvar notARegExp = require('../internals/not-a-regexp');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar toString = require('../internals/to-string');\nvar correctIsRegExpLogic = require('../internals/correct-is-regexp-logic');\n\n// `String.prototype.includes` method\n// https://tc39.es/ecma262/#sec-string.prototype.includes\n$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {\n  includes: function includes(searchString /* , position = 0 */) {\n    return !!~toString(requireObjectCoercible(this))\n      .indexOf(toString(notARegExp(searchString)), arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","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&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"index-advantage-component app-basic-layout-wrapper app app-flex-row\"},_vm._l((_vm.list),function(item,index){return _c('li',{key:index,staticClass:\"item\",class:(\"item-\" + (index + 1))},[_c('h4',{staticClass:\"font-26 label app-flex-row\"},[_c('i',{staticClass:\"iconfont icon-a-\"}),_vm._v(_vm._s(item.label)+\" \")]),_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"desc font-color-desc font-14\"},[_vm._v(_vm._s(item.desc))])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ul\n    class=\"index-advantage-component app-basic-layout-wrapper app app-flex-row\"\n  >\n    <li\n      v-for=\"(item, index) in list\"\n      :key=\"index\"\n      class=\"item\"\n      :class=\"`item-${index + 1}`\"\n    >\n      <h4 class=\"font-26 label app-flex-row\">\n        <i class=\"iconfont icon-a-\"></i>{{ item.label }}\n      </h4>\n      <p class=\"title\">{{ item.title }}</p>\n      <p class=\"desc font-color-desc font-14\">{{ item.desc }}</p>\n    </li>\n  </ul>\n</template>\n\n<script>\nexport default {\n  inheritAttrs: false,\n  data() {\n    return {\n      activeIndex: null,\n      list: [\n        {\n          label: '用户规模',\n          title: '全网领先的全用户及时长覆盖',\n          desc: '微博月活用户突破5亿，覆盖各兴趣垂类人群，用户活跃度及留存稳步提升'\n        },\n        {\n          label: '服务体系',\n          title: '全营销链路服务能力',\n          desc: '多场景的数字营销能力，打造全面专业的一站式服务支持'\n        },\n        {\n          label: '技术能力',\n          title: '数据赋能精准营销',\n          desc: '提供各类丰富精准的数据，结合DSP技术与数据能力，助力广告主实现精准数字营销'\n        },\n        {\n          label: '效果评估',\n          title: '深度的广告追踪',\n          desc: '微博独特的开放型社交生态，广告均可与用户产生真实互动与关注，效果可评估追踪并可后续建立深度联系'\n        }\n      ]\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.index-advantage-component {\n  .item {\n    width: 50%;\n    height: 228px;\n    box-sizing: border-box;\n    padding-top: 48px;\n    cursor: pointer;\n    background: $neutral-color-1 no-repeat left top/cover;\n    padding-left: 44px;\n    padding-right: 197px;\n    .label {\n      justify-content: flex-start;\n      .iconfont {\n        margin-right: 14px;\n        margin-top: -18px;\n      }\n    }\n    .title {\n      margin: 24px 0 8px;\n    }\n    // 奇数\n    &:nth-of-type(odd) {\n      border-right: 1px solid $text-color-other;\n    }\n    &:nth-of-type(even) {\n      border-left: 1px solid $text-color-other;\n    }\n    // 倒数两个\n    &:nth-child(-n + 2) {\n      border-bottom: 2px solid $text-color-other;\n    }\n  }\n  @for $i from 1 through 4 {\n    .item.item-#{$i}:hover {\n      background-image: url('~@/assets/img/index-advantage-bg-#{$i}.png');\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!./IndexAdvantage.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!./IndexAdvantage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexAdvantage.vue?vue&type=template&id=6dca8a6c&scoped=true&\"\nimport script from \"./IndexAdvantage.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexAdvantage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexAdvantage.vue?vue&type=style&index=0&id=6dca8a6c&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  \"6dca8a6c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/avatar-2.86fe1358.png\";","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-senior-component\"},[_c('senior-list',{attrs:{\"list\":_vm.seniorList,\"item-click\":_vm.itemClick}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index-senior-component\">\n    <senior-list :list=\"seniorList\" :item-click=\"itemClick\"></senior-list>\n  </div>\n</template>\n\n<script>\nimport SeniorList from '@/components/senior/SeniorList'\nexport default {\n  components: {\n    SeniorList\n  },\n  inheritAttrs: false,\n  props: {\n    seniorList: { type: Array, default: () => [] }\n  },\n  methods: {\n    itemClick(item) {\n      this.$stat({ key: 'index_senior_click', params: { o: item.id } })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.index-senior-component {\n  margin-bottom: 48px;\n  overflow: hidden;\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!./IndexSenior.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!./IndexSenior.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexSenior.vue?vue&type=template&id=3afec212&scoped=true&\"\nimport script from \"./IndexSenior.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexSenior.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexSenior.vue?vue&type=style&index=0&id=3afec212&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  \"3afec212\",\n  null\n  \n)\n\nexport default component.exports","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==\"","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!./IndexSenior.vue?vue&type=style&index=0&id=3afec212&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/data-4.72ccffb0.png\";","var isRegExp = require('../internals/is-regexp');\n\nmodule.exports = function (it) {\n  if (isRegExp(it)) {\n    throw TypeError(\"The method doesn't accept regular expressions\");\n  } return it;\n};\n","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!./SeniorList.vue?vue&type=style&index=0&id=240d57fc&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/avatar-4.cba501e3.png\";","module.exports = __webpack_public_path__ + \"img/data-1.98e215cd.png\";","module.exports = __webpack_public_path__ + \"img/avatar-1.9b9a385b.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!./IndexStar.vue?vue&type=style&index=0&id=07ed976a&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/feed.41174da9.png\";","var wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\nmodule.exports = function (METHOD_NAME) {\n  var regexp = /./;\n  try {\n    '/./'[METHOD_NAME](regexp);\n  } catch (error1) {\n    try {\n      regexp[MATCH] = false;\n      return '/./'[METHOD_NAME](regexp);\n    } catch (error2) { /* empty */ }\n  } return false;\n};\n","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!./IndexPage.vue?vue&type=style&index=0&id=192bc94f&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!./IndexContactInfo.vue?vue&type=style&index=0&id=9dc0cd2a&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/avatar-3.cfffc06f.png\";","module.exports = __webpack_public_path__ + \"media/exposure.d6f25faf.mp4\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAADQklEQVRIDbVVTUhUURT+7syY85xxREoZrYiozNBFy4paqAuJzE3UppICSYMoWrdxVQRBLQKzhCBqURGJCOEiXRjlJqzItF+CSEsNHWecGWecuZ1z73tvXuMPCs2BuXPveed83333nvM9IMcmVsKX8qIBTNYDrkZAVtGvXMeLMUAMA+luoKRXiOux5XCWJJDykRvoaSbANgkZXC6Z/QLiF41tQEOnEMdS2bGLCKQ8WwyEH0ugjoPl3ALifT8RfzWB1HhU5bvLCuDdWwpv7UYIn0f5COg5UHhUiPZp5TCHfwg0eOQl7boSKYnw7RHM3hyGnE06c+y5COQhcK4KhWd2AW56F4hRwL/PSWIT6GPp7uWdM+BUywDmX9Dbr8Ly9wexoeMAmFC/SWO9dVyuTH5PszoW2vlawDmfN8I5/Nb6aPn+tCkCXS2yjV18LKvduYbQI+dwrjYqDlWBgL4hKkViDspIUp05B7mDBoxDW1Q8++ceftW55ii8bviO71Cr+MA4Fj6FVK6/qQLweYJClTe6TAKu8zRifWP2haYm4/Cf3A7PtoACSX4JIfF6yibxn9qJoku7IcNJRJ98U36+O6444zBvjDHRZd4BNxGd5eAE/2mj8wxdfWutELhQbc+F4UZhK1UOWfjOKNIzCfsZl7M2jWkRqA616tyKjj37gcTQH7X01pQjr4pahMx/uhKu9flITycUgXKaQwZDd72jipxhmXno8ht7EThfDVHgyey+/QP4flYy8w5YW+Qm7tBsmx/8jXj/OLw1ZTAObkZxbAGu4nVIT8QRufsxOxwZDMakm9ARLFxA/p5SvcwaQ1eGiJ+c1EUFR7aqp6rD44ukR0mITteYJgGrImDUlqtu1AGZMTkyg+jT77YjNRZF5MFne21NuJNZn7RpTJOAJJdUUfi1tlgJzv/QNaqoRFq5Zm+8t+fOGNYlFj+tsCW9/MyhRU0tEulb3O6TJ/qX7GZPRRFcvjwk3lFlUZzTWI9K7teYoudqFeJeBz93VBHpOUsuqSILFydkG3drYoiabQlwztGKyrLd0Gnl2m/AjpzKtcW46INDdc4Swl1uNRGXIlecUbfGD06GJIefTIuE///HR9+Jl5P5XwkXcqOlhS7sAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index-page\"},[_c('div',{staticClass:\"video-content\"},[_c('div',{staticClass:\"cover\"},[_c('div',{staticClass:\"content app-flex-column font-color-white\",style:({ top: _vm.videoCoverTextTop })},[_c('h2',{staticClass:\"font-46\"},[_vm._v(\"在微博，发现更多精彩\")]),_c('h3',{staticClass:\"font-16 slogan\"},[_vm._v(\"V-HALL ON WEIBO\")]),_c('div',{staticClass:\"app-flex-row\"},[_c('i',{staticClass:\"iconfont icon-a-bianzu3\"}),_c('button',{directives:[{name:\"stat\",rawName:\"v-stat:click\",value:({ key: 'index_banner_video_click' }),expression:\"{ key: 'index_banner_video_click' }\",arg:\"click\"}],staticClass:\"btn font-color-white\",on:{\"click\":_vm.openVideo}},[_vm._v(\" 观看影片 \")])])])]),_c('video',{ref:\"keyVideoRef\",staticClass:\"key-video\",attrs:{\"src\":\"https://static.hd.weibo.com/marketing/index-video-small.mp4?1633918999181\",\"autoplay\":\"\",\"muted\":\"\",\"loop\":\"\"},domProps:{\"muted\":true}})]),_c('ul',{staticClass:\"index-layout\"},_vm._l((_vm.layout),function(item){return _c('li',{key:item.name,staticClass:\"item\",class:{ dark: item.theme === 'dark' },style:({\n        background: item.bgColor\n      })},[_c('div',{staticClass:\"top app-flex-column app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(_vm._s(item.title))]),_c('h4',{staticClass:\"sub-title font-color-desc\",style:({ color: item.subColor || '' })},[_vm._v(\" \"+_vm._s(item.subTitle)+\" \")]),(item.desc)?_c('p',{staticClass:\"desc\",style:({ color: item.subColor || '' })},[_vm._v(\" \"+_vm._s(item.desc)+\" \")]):_vm._e()]),_c('div',{staticClass:\"content\",class:{ 'app-basic-layout-wrapper': !item.fullWidth }},[_c(item.component,{tag:\"component\",attrs:{\"senior-list\":_vm.seniorList,\"originality-list\":_vm.originalityList}}),(item.moreBtnText)?_c('a',{directives:[{name:\"stat\",rawName:\"v-stat:click\",value:({ key: item.statKey }),expression:\"{ key: item.statKey }\",arg:\"click\"}],staticClass:\"more-btn app-flex-row-center font-color-white\",attrs:{\"href\":item.moreLink,\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(item.moreBtnText)+\" \"),_c('i',{staticClass:\"iconfont icon-youcefanhuijiantou\"})]):_vm._e()],1)])}),0),(_vm.popShow)?_c('modal-base',{on:{\"wrapper-click\":_vm.closeVideo}},[_c('div',{staticClass:\"pop-video\",class:{ fullscreen: _vm.fullscreen }},[_c('m-video',{attrs:{\"view-file\":_vm.viewFile,\"auto-play\":true,\"muted\":true,\"poster\":\"\"},on:{\"fullscreen\":_vm.fullScreenToggle}})],1)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index-page\">\n    <div class=\"video-content\">\n      <div class=\"cover\">\n        <div\n          class=\"content app-flex-column font-color-white\"\n          :style=\"{ top: videoCoverTextTop }\"\n        >\n          <h2 class=\"font-46\">在微博，发现更多精彩</h2>\n          <h3 class=\"font-16 slogan\">V-HALL ON WEIBO</h3>\n          <div class=\"app-flex-row\">\n            <i class=\"iconfont icon-a-bianzu3\"></i>\n            <button\n              v-stat:click=\"{ key: 'index_banner_video_click' }\"\n              class=\"btn font-color-white\"\n              @click=\"openVideo\"\n            >\n              观看影片\n            </button>\n          </div>\n        </div>\n      </div>\n      <video\n        ref=\"keyVideoRef\"\n        src=\"https://static.hd.weibo.com/marketing/index-video-small.mp4?1633918999181\"\n        autoplay\n        muted\n        loop\n        class=\"key-video\"\n      ></video>\n    </div>\n    <ul class=\"index-layout\">\n      <li\n        v-for=\"item in layout\"\n        :key=\"item.name\"\n        class=\"item\"\n        :class=\"{ dark: item.theme === 'dark' }\"\n        :style=\"{\n          background: item.bgColor\n        }\"\n      >\n        <div class=\"top app-flex-column app-basic-layout-wrapper\">\n          <h3 class=\"title font-30\">{{ item.title }}</h3>\n          <h4\n            class=\"sub-title font-color-desc\"\n            :style=\"{ color: item.subColor || '' }\"\n          >\n            {{ item.subTitle }}\n          </h4>\n          <p\n            v-if=\"item.desc\"\n            class=\"desc\"\n            :style=\"{ color: item.subColor || '' }\"\n          >\n            {{ item.desc }}\n          </p>\n        </div>\n        <div\n          class=\"content\"\n          :class=\"{ 'app-basic-layout-wrapper': !item.fullWidth }\"\n        >\n          <component\n            :is=\"item.component\"\n            :senior-list=\"seniorList\"\n            :originality-list=\"originalityList\"\n          ></component>\n          <a\n            v-if=\"item.moreBtnText\"\n            v-stat:click=\"{ key: item.statKey }\"\n            :href=\"item.moreLink\"\n            class=\"more-btn app-flex-row-center font-color-white\"\n            target=\"_blank\"\n          >\n            {{ item.moreBtnText }}\n            <i class=\"iconfont icon-youcefanhuijiantou\"></i>\n          </a>\n        </div>\n      </li>\n    </ul>\n    <modal-base v-if=\"popShow\" @wrapper-click=\"closeVideo\">\n      <div class=\"pop-video\" :class=\"{ fullscreen: fullscreen }\">\n        <m-video\n          :view-file=\"viewFile\"\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 IndexProduct from './components/IndexProduct'\nimport IndexStar from './components/IndexStar'\nimport IndexOriginality from './components/IndexOriginality'\nimport IndexAdvantage from './components/IndexAdvantage'\nimport IndexSenior from './components/IndexSenior'\nimport IndexContactInfo from './components/IndexContactInfo'\nimport ModalBase from '@/components/common/ModalBase'\nimport { API_PATH } from '@/global/config'\n\nexport default {\n  components: {\n    MVideo: () => import('@/components/video/MVideo'),\n    IndexProduct,\n    IndexStar,\n    IndexOriginality,\n    IndexAdvantage,\n    IndexSenior,\n    IndexContactInfo,\n    ModalBase\n  },\n  data() {\n    return {\n      seniorList: [],\n      originalityList: { video: [], blog: [] },\n      layout: [\n        {\n          name: 'product',\n          title: '通过微博建立社会化品牌认知',\n          subTitle:\n            '微博月活用户5亿+，是一个承载了明星、社会、综艺、新时代、电竞、情感、汽车等多垂类兴趣人群的社会化舆论场',\n          component: 'IndexProduct',\n          bgColor: '#ffffff'\n        },\n        {\n          name: 'star',\n          title: '达人推广精选推荐',\n          subTitle: '精选优质达人组合，覆盖营销全链路',\n          component: 'IndexStar',\n          bgColor: '#f4f5f7',\n          moreBtnText: '找更多达人',\n          moreLink: 'https://weirenwu.weibo.com',\n          statKey: 'index_star_more_click'\n        },\n        {\n          name: 'originality',\n          title: '创意灵感',\n          theme: 'dark',\n          subTitle: '聚集微博优质创作内容，提供创作学习参考',\n          component: 'IndexOriginality',\n          bgColor: '#2c2c31',\n          moreBtnText: '查看更多',\n          moreLink: 'https://hd.weibo.com/originality/list?alk_from=P006_C070',\n          statKey: 'index_originality_more_click'\n        },\n        {\n          name: 'advantage',\n          title: '微博营销平台优势',\n          subTitle:\n            '\"与其他的平台不同，微博的舆论场是天然形成的，聚合的是大家真实关注的热点话题\"',\n          desc: '——  微博营销高级副总裁  葛景栋',\n          subColor: '#363636',\n          component: 'IndexAdvantage',\n          bgColor: '#ffffff',\n          fullWidth: true\n        },\n        {\n          name: 'senior',\n          title: '合作案例',\n          subTitle: '查看与您类似的商家如何借助微博实现业务增长',\n          subColor: '#363636',\n          component: 'IndexSenior',\n          bgColor: '#f4f5f7',\n          moreBtnText: '查看更多',\n          moreLink: 'https://hd.weibo.com/senior/list?alk_from=P006_C070',\n          statKey: 'index_senior_more_click'\n        },\n        {\n          name: 'contact',\n          title: '通过微博营销获取更多客户',\n          subTitle: '请留下您的联系方式，专属顾问会尽快与您联系',\n          subColor: '#363636',\n          component: 'IndexContactInfo',\n          bgColor: '#ffffff'\n        }\n      ],\n      viewFile: {\n        src: 'https://static.hd.weibo.com/marketing/index-video.mp4?1633919112086'\n      },\n      fullscreen: false,\n      popShow: false,\n      videoCoverTextTop: '33.3%'\n    }\n  },\n  created() {\n    this.getSenior()\n    this.getOriginality()\n  },\n  mounted() {\n    this.$nextTick(() => {\n      let video = this.$refs.keyVideoRef\n      const videoHeight = video.offsetHeight\n      this.videoCoverTextTop = (videoHeight / 3).toFixed() + 'px'\n    })\n  },\n  methods: {\n    fullScreenToggle(isFullscreen) {\n      this.fullscreen = isFullscreen\n    },\n    openVideo() {\n      this.$refs.keyVideoRef.pause()\n      this.onPopShow()\n    },\n    closeVideo() {\n      this.popShow = false\n      this.$refs.keyVideoRef.play()\n    },\n    onPopShow() {\n      this.popShow = true\n    },\n    async getSenior() {\n      const { data } = await this.$http.get(API_PATH.alkSenior.recomm, {\n        params: { pg: 1, pz: 4 }\n      })\n      this.seniorList = data || []\n    },\n    async getOriginality() {\n      let videoData = []\n      let blogData = []\n      const videoTypeIds = ['25217', '27208']\n      const blogTypeIds = ['27172,28750']\n      let ids = [...videoTypeIds, ...blogTypeIds].join(',')\n      const { data } = await this.$http.get(API_PATH.alkOriginality.listByIds, {\n        params: { ids }\n      })\n      if (data) {\n        data.forEach(item => {\n          if (videoTypeIds.includes(item.id)) {\n            videoData.push(item)\n          } else {\n            blogData.push(item)\n          }\n        })\n      }\n      this.originalityList = { video: videoData, blog: blogData }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.index-page {\n  width: 100%;\n\n  .video-content {\n    width: 100%;\n    position: relative;\n    .key-video {\n      width: 100%;\n      display: block;\n    }\n    .cover {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      padding-top: 73px;\n      box-sizing: border-box;\n      background-color: rgba(0, 0, 0, 0.65);\n      z-index: 9;\n      .content {\n        width: 100%;\n        position: absolute;\n        margin-top: 73px;\n        top: 33.3%;\n        align-items: center;\n        .slogan {\n          margin: 24px 0 35px;\n        }\n        .btn {\n          border: none;\n          background: transparent;\n          text-decoration: underline;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n\n  .index-layout {\n    .item {\n      padding-top: 64px;\n      padding-bottom: 88px;\n      .top {\n        align-items: center;\n        padding-bottom: 60px;\n        .title {\n          padding-bottom: 25px;\n          margin-bottom: 28px;\n          position: relative;\n          &:after {\n            content: '';\n            position: absolute;\n            left: 50%;\n            bottom: 0;\n            transform: translateX(-50%);\n            width: 32px;\n            height: 5px;\n            background: $danger-color;\n            border-radius: 2px;\n          }\n        }\n        .desc {\n          margin-top: 12px;\n          align-self: flex-end;\n          margin-right: 57px;\n        }\n      }\n      .content {\n        .more-btn {\n          width: 224px;\n          height: 48px;\n          background: $text-color-primary;\n          border-radius: 24px;\n          margin: 0 auto;\n          .iconfont {\n            margin-left: 6px;\n          }\n        }\n      }\n      &.dark {\n        .title,\n        .sub-title {\n          color: #ffffff;\n        }\n      }\n    }\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}\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!./IndexPage.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!./IndexPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexPage.vue?vue&type=template&id=192bc94f&scoped=true&\"\nimport script from \"./IndexPage.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexPage.vue?vue&type=style&index=0&id=192bc94f&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  \"192bc94f\",\n  null\n  \n)\n\nexport default component.exports","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 = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/search.c8ffb44c.jpg\";","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!./IndexAdvantage.vue?vue&type=style&index=0&id=6dca8a6c&lang=scss&scoped=true&\""],"sourceRoot":""}