{"version":3,"sources":["webpack:///./src/views/brand/components/BrandZhiyou.vue?5a2b","webpack:///./src/views/brand/components/BrandZhiyou.vue?e639","webpack:///src/views/brand/components/BrandZhiyou.vue","webpack:///./src/views/brand/components/BrandZhiyou.vue?31ba","webpack:///./src/views/brand/components/BrandZhiyou.vue?f952"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","component"],"mappings":"kIAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACH,EAAG,MAAM,CAACG,YAAY,0CAA0C,CAACH,EAAG,KAAK,CAACG,YAAY,iBAAiB,CAACR,EAAIS,GAAG,cAAcJ,EAAG,IAAI,CAACG,YAAY,6BAA6B,CAACR,EAAIS,GAAG,mCAAmCJ,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,KAAK,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,IAAI,CAACG,YAAY,6BAA6BR,EAAIS,GAAG,eAAeJ,EAAG,IAAI,CAACG,YAAY,iBAAiB,CAACR,EAAIS,GAAG,aAAaJ,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACR,EAAIS,GAAG,0CAA0CJ,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,KAAK,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,IAAI,CAACG,YAAY,yBAAyBR,EAAIS,GAAG,gBAAgBJ,EAAG,IAAI,CAACG,YAAY,iBAAiB,CAACR,EAAIS,GAAG,cAAcJ,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACR,EAAIS,GAAG,6CAA6CJ,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,KAAK,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,IAAI,CAACG,YAAY,4BAA4BR,EAAIS,GAAG,gBAAgBJ,EAAG,IAAI,CAACG,YAAY,iBAAiB,CAACR,EAAIS,GAAG,aAAaJ,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACR,EAAIS,GAAG,6CCiDrxC,KClDmX,I,wBCQ/WC,EAAY,eACd,EACAX,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAG,E","file":"js/v-brand-components-BrandZhiyou.5e6b5a51.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!./BrandZhiyou.vue?vue&type=style&index=0&id=03b4213f&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"brand-zhiyou-component\"},[_c('div',{staticClass:\"brand-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"品牌号-品牌挚友\")]),_c('p',{staticClass:\"subtitle font-color-white\"},[_vm._v(\" 品牌与KOL之间强关联关系建立，公域流量沉淀至品牌私域 \")]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"item-wrapper\"},[_c('h3',{staticClass:\"item-title\"},[_c('div',{staticClass:\"icon\"},[_c('i',{staticClass:\"iconfont icon-liuliang\"})]),_vm._v(\" 公私域流量转化 \")]),_c('p',{staticClass:\"item-subtitle\"},[_vm._v(\"社交资产最大化\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 品牌号挚友营销样式与品牌内容强绑定挚友公域流量向品牌私域流量转化 \")])]),_c('div',{staticClass:\"item-wrapper\"},[_c('h3',{staticClass:\"item-title\"},[_c('div',{staticClass:\"icon\"},[_c('i',{staticClass:\"iconfont icon-juhe\"})]),_vm._v(\" 挚友内容沉淀聚合 \")]),_c('p',{staticClass:\"item-subtitle\"},[_vm._v(\"内容长尾价值增益\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 品牌号挚友内容聚合于品牌号&搜索品专关键词信息集中呈现产生稳定内容入口 \")])]),_c('div',{staticClass:\"item-wrapper\"},[_c('h3',{staticClass:\"item-title\"},[_c('div',{staticClass:\"icon\"},[_c('i',{staticClass:\"iconfont icon-tisheng\"})]),_vm._v(\" 营销工具叠加提效 \")]),_c('p',{staticClass:\"item-subtitle\"},[_vm._v(\"营销效果1+1\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 挚友与其他含KOL的营销工具叠加最大化扩充品牌兴趣用户 \")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"brand-zhiyou-component\">\n    <div class=\"brand-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">品牌号-品牌挚友</h3>\n      <p class=\"subtitle font-color-white\">\n        品牌与KOL之间强关联关系建立，公域流量沉淀至品牌私域\n      </p>\n      <div class=\"body\">\n        <div class=\"item-wrapper\">\n          <h3 class=\"item-title\">\n            <div class=\"icon\">\n              <i class=\"iconfont icon-liuliang\"></i>\n            </div>\n            公私域流量转化\n          </h3>\n          <p class=\"item-subtitle\">社交资产最大化</p>\n          <p class=\"desc\">\n            品牌号挚友营销样式与品牌内容强绑定挚友公域流量向品牌私域流量转化\n          </p>\n        </div>\n        <div class=\"item-wrapper\">\n          <h3 class=\"item-title\">\n            <div class=\"icon\">\n              <i class=\"iconfont icon-juhe\"></i>\n            </div>\n            挚友内容沉淀聚合\n          </h3>\n          <p class=\"item-subtitle\">内容长尾价值增益</p>\n          <p class=\"desc\">\n            品牌号挚友内容聚合于品牌号&搜索品专关键词信息集中呈现产生稳定内容入口\n          </p>\n        </div>\n        <div class=\"item-wrapper\">\n          <h3 class=\"item-title\">\n            <div class=\"icon\">\n              <i class=\"iconfont icon-tisheng\"></i>\n            </div>\n            营销工具叠加提效\n          </h3>\n          <p class=\"item-subtitle\">营销效果1+1</p>\n          <p class=\"desc\">\n            挚友与其他含KOL的营销工具叠加最大化扩充品牌兴趣用户\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {}\n</script>\n\n<style lang=\"scss\" scoped>\n.brand-zhiyou-component {\n  background: url('~@/assets/img/brand/zhiyou-bg.png') no-repeat top center /\n    cover;\n  height: 537px;\n  .brand-section {\n    .title {\n      color: #ffffff;\n      &:after {\n        background-color: #ffffff;\n      }\n    }\n  }\n  .body {\n    padding-top: 60px;\n    display: flex;\n    justify-content: space-between;\n  }\n  .item-wrapper {\n    background-color: rgba(0, 0, 0, 0.65);\n    width: 378px;\n    height: 210px;\n    box-sizing: border-box;\n    border-radius: 4px;\n    overflow: hidden;\n    color: $text-color-yellow;\n    padding: 30px 24px;\n    .item-title {\n      font-size: 24px;\n      display: flex;\n      align-items: center;\n      margin: 0 0 20px;\n      .icon {\n        width: 40px;\n        height: 40px;\n        line-height: 40px;\n        border-radius: 50%;\n        text-align: center;\n        border: 1px solid $text-color-yellow;\n        margin-right: 16px;\n        i {\n          font-size: 28px;\n        }\n      }\n    }\n    .item-subtitle {\n      padding-left: 56px;\n      margin: 0 0 12px;\n    }\n    .desc {\n      color: $sub-color-4;\n      padding-left: 56px;\n      font-size: 14px;\n      line-height: 22px;\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!./BrandZhiyou.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!./BrandZhiyou.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandZhiyou.vue?vue&type=template&id=03b4213f&scoped=true&\"\nimport script from \"./BrandZhiyou.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandZhiyou.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandZhiyou.vue?vue&type=style&index=0&id=03b4213f&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  \"03b4213f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}