{"version":3,"sources":["webpack:///./src/assets/img/brand/case-bg.png","webpack:///./src/assets/img/brand/wenti3.png","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/views/brand/components/BrandCase.vue?12a9","webpack:///./src/views/brand/components/BrandPromotion.vue?a840","webpack:///./src/views/brand/components/BrandProduct.vue?7192","webpack:///./src/views/brand/components/BrandKeypoint.vue?a735","webpack:///./src/assets/img/brand/wenti1.png","webpack:///./src/assets/img/brand/partners.png","webpack:///./src/assets/img/brand/changjing1.png","webpack:///./src/views/brand/BrandPage.vue?1d38","webpack:///./src/views/brand/components/BrandKeypoint.vue?962f","webpack:///src/views/brand/components/BrandKeypoint.vue","webpack:///./src/views/brand/components/BrandKeypoint.vue?392e","webpack:///./src/views/brand/components/BrandKeypoint.vue?ca2d","webpack:///./src/assets/img/brand/fensijingying.png","webpack:///./src/views/brand/components/BrandPartner.vue?7036","webpack:///src/views/brand/components/BrandPartner.vue","webpack:///./src/views/brand/components/BrandPartner.vue?0f32","webpack:///./src/views/brand/components/BrandPartner.vue?a263","webpack:///./src/views/brand/components/BrandZhiyou.vue?5a2b","webpack:///./src/views/brand/components/BrandCase.vue?006e","webpack:///src/views/brand/components/BrandCase.vue","webpack:///./src/views/brand/components/BrandCase.vue?ebf7","webpack:///./src/views/brand/components/BrandCase.vue?a981","webpack:///./src/views/brand/BrandPage.vue?875f","webpack:///src/views/brand/BrandPage.vue","webpack:///./src/views/brand/BrandPage.vue?8fa5","webpack:///./src/views/brand/BrandPage.vue?c66c","webpack:///./src/assets/img/brand/pinpaizhiyou.png","webpack:///./src/views/brand/components/BrandPartner.vue?c330","webpack:///./src/views/index/components/IndexContactInfo.vue?b301","webpack:///./src/views/brand/components/BrandProduct.vue?976e","webpack:///src/views/brand/components/BrandProduct.vue","webpack:///./src/views/brand/components/BrandProduct.vue?4ff2","webpack:///./src/views/brand/components/BrandProduct.vue?7b9f","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","webpack:///./src/assets/img/brand/changjing2.png","webpack:///./src/assets/img/brand/changjing3.png","webpack:///./src/assets/img/brand/wenti2.png","webpack:///./src/views/brand/components/BrandPromotion.vue?fa64","webpack:///src/views/brand/components/BrandPromotion.vue","webpack:///./src/views/brand/components/BrandPromotion.vue?3bca","webpack:///./src/views/brand/components/BrandPromotion.vue?17f0","webpack:///./src/assets/img/brand/pinpaijingying.png","webpack:///./src/views/brand/BrandPage.vue?eef7","webpack:///./src/assets/img/brand/changjing4.png","webpack:///./src/assets/img/brand/neirongjingying.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","focusScope","directives","name","rawName","value","form","expression","required","companyRule","isCompany","errorBag","has","disabled","type","attrs","validateEvents","domProps","on","onFocus","onBlur","$event","target","composing","$set","_v","_s","first","_e","toggleType","totalError","handleSubmit","submitText","_m","successShow","staticRenderFns","phone","email","min","max","validate","EXP_PATTERN","length","getMessage","custom","company","username","isName","userTel","isPhone","userEmail","isEmail","components","ModalBase","props","String","default","from","inheritAttrs","data","terminal","submitting","mounted","methods","$validator","validateAll","then","valid","resetForm","component","register","ref","staticStyle","BrandKeypoint","BrandProduct","BrandZhiyou","BrandPromotion","BrandCase","BrandPartner","ContactInfo","document","documentElement","scrollTop","contactInfo","offsetTop","_l","item","index","key","id","active","activeIndex","changeTab","title","desc","$emit","img","tabs"],"mappings":"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","file":"js/v-brand-BrandPage.dd08daf2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/case-bg.61fb1584.png\";","module.exports = __webpack_public_path__ + \"img/wenti3.09fc070c.png\";","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","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!./BrandCase.vue?vue&type=style&index=0&id=3be59558&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!./BrandPromotion.vue?vue&type=style&index=0&id=13e30838&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!./BrandProduct.vue?vue&type=style&index=0&id=35d122de&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!./BrandKeypoint.vue?vue&type=style&index=0&id=1a7e4ef2&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/wenti1.8eacd920.png\";","module.exports = __webpack_public_path__ + \"img/partners.766ff9bd.png\";","module.exports = __webpack_public_path__ + \"img/changjing1.ecbe671a.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!./BrandPage.vue?vue&type=style&index=0&id=1c28b32d&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-keypoint-component\"},[_c('div',{staticClass:\"brand-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"品牌营销痛点\")]),_c('p',{staticClass:\"subtitle font-color-desc\"},[_vm._v(\"互动营销新途径，激活潜在兴趣人群\")]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/wenti1.png\")}})]),_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/wenti2.png\")}})]),_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/wenti3.png\")}})])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"brand-keypoint-component\">\n    <div class=\"brand-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">品牌营销痛点</h3>\n      <p class=\"subtitle font-color-desc\">互动营销新途径，激活潜在兴趣人群</p>\n      <div class=\"body\">\n        <div class=\"image-wrapper\">\n          <img src=\"@/assets/img/brand/wenti1.png\" />\n        </div>\n        <div class=\"image-wrapper\">\n          <img src=\"@/assets/img/brand/wenti2.png\" />\n        </div>\n        <div class=\"image-wrapper\">\n          <img src=\"@/assets/img/brand/wenti3.png\" />\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-keypoint-component {\n  background-color: #f4f5f7;\n}\n.body {\n  display: flex;\n  justify-content: space-between;\n  padding-top: 60px;\n  box-sizing: border-box;\n  .image-wrapper {\n    width: 373px;\n    height: 270px;\n    overflow: hidden;\n    border-radius: 8px;\n    img {\n      width: 100%;\n      height: 100%;\n      float: left;\n      object-fit: cover;\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!./BrandKeypoint.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!./BrandKeypoint.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandKeypoint.vue?vue&type=template&id=1a7e4ef2&scoped=true&\"\nimport script from \"./BrandKeypoint.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandKeypoint.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandKeypoint.vue?vue&type=style&index=0&id=1a7e4ef2&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  \"1a7e4ef2\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/fensijingying.3134874d.png\";","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-partner-component\"},[_c('div',{staticClass:\"brand-section\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"TA们选择了品牌号\")]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"content-wrapper\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/partners.png\")}})])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"brand-partner-component\">\n    <div class=\"brand-section\">\n      <h3 class=\"title font-30\">TA们选择了品牌号</h3>\n      <div class=\"body\">\n        <div class=\"content-wrapper\">\n          <img src=\"@/assets/img/brand/partners.png\" />\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-partner-component {\n  width: 1224px;\n  margin: 0 auto;\n}\n.body {\n  padding-top: 40px;\n}\n.content-wrapper {\n  img {\n    max-width: 100%;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BrandPartner.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!./BrandPartner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandPartner.vue?vue&type=template&id=2fe9ae61&scoped=true&\"\nimport script from \"./BrandPartner.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandPartner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandPartner.vue?vue&type=style&index=0&id=2fe9ae61&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  \"2fe9ae61\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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-case-component\"},[_c('div',{staticClass:\"brand-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"应用案例\")]),_c('p',{staticClass:\"subtitle\"},[_vm._v(\"查看其他商家如何通过品牌号取得成功\")]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"content-wrapper\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/case-bg.png\")}})])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"brand-case-component\">\n    <div class=\"brand-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">应用案例</h3>\n      <p class=\"subtitle\">查看其他商家如何通过品牌号取得成功</p>\n      <div class=\"body\">\n        <div class=\"content-wrapper\">\n          <img src=\"@/assets/img/brand/case-bg.png\" />\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-case-component {\n  background-color: #f4f5f7;\n  .body {\n    padding-top: 60px;\n  }\n  .content-wrapper {\n    img {\n      width: 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!./BrandCase.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!./BrandCase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandCase.vue?vue&type=template&id=3be59558&scoped=true&\"\nimport script from \"./BrandCase.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandCase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandCase.vue?vue&type=style&index=0&id=3be59558&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  \"3be59558\",\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:\"app-basic-min-width default-layout app-flex-column\"},[_c('div',{staticClass:\"main app-flex-column\"},[_c('div',{staticClass:\"brand-page\"},[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"content\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"微博品牌号\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\"微博品牌营销工具，从公域传播到私域聚合营销升级\")]),_c('div',{staticClass:\"register-btn\",on:{\"click\":function($event){return _vm.register()}}},[_vm._v(\"申请开通\")]),_c('a',{staticClass:\"login-btn\",attrs:{\"href\":\"https://pinpaihao.biz.weibo.com/api/v1/brand/account/index/#/index\",\"target\":\"_blank\"}},[_vm._v(\"立即登录\")])])]),_c('BrandKeypoint'),_c('BrandProduct',{on:{\"register\":_vm.register}}),_c('BrandZhiyou'),_c('BrandPromotion'),_c('BrandCase'),_c('BrandPartner'),_c('div',{ref:\"contactInfo\",staticClass:\"contact-info brand-section\"},[_c('div',{staticClass:\"app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"欢迎申请开通品牌号\")]),_c('h4',{staticClass:\"sub-title font-color-desc\",staticStyle:{\"color\":\"#363636\"}},[_vm._v(\" 品牌号注册开通及相关垂询，请留下您的联系方式，专属顾问会尽快与您联系 \")]),_c('ContactInfo',{attrs:{\"submit-text\":\"立即申请开通\",\"from\":\"brand\"}})],1)])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"app-basic-min-width default-layout app-flex-column\">\n    <div class=\"main app-flex-column\">\n      <div class=\"brand-page\">\n        <div class=\"banner\">\n          <div class=\"content\">\n            <h3 class=\"title\">微博品牌号</h3>\n            <p class=\"desc\">微博品牌营销工具，从公域传播到私域聚合营销升级</p>\n            <div class=\"register-btn\" @click=\"register()\">申请开通</div>\n            <a\n              href=\"https://pinpaihao.biz.weibo.com/api/v1/brand/account/index/#/index\"\n              target=\"_blank\"\n              class=\"login-btn\"\n              >立即登录</a\n            >\n          </div>\n        </div>\n        <BrandKeypoint></BrandKeypoint>\n        <BrandProduct @register=\"register\"></BrandProduct>\n        <BrandZhiyou></BrandZhiyou>\n        <BrandPromotion></BrandPromotion>\n        <BrandCase></BrandCase>\n        <BrandPartner></BrandPartner>\n        <div ref=\"contactInfo\" class=\"contact-info brand-section\">\n          <div class=\"app-basic-layout-wrapper\">\n            <h3 class=\"title font-30\">欢迎申请开通品牌号</h3>\n            <h4 class=\"sub-title font-color-desc\" style=\"color: #363636\">\n              品牌号注册开通及相关垂询，请留下您的联系方式，专属顾问会尽快与您联系\n            </h4>\n            <ContactInfo submit-text=\"立即申请开通\" from=\"brand\"></ContactInfo>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ContactInfo from '@/views/index/components/IndexContactInfo'\nimport BrandKeypoint from './components/BrandKeypoint'\nimport BrandProduct from './components/BrandProduct'\nimport BrandZhiyou from './components/BrandZhiyou'\nimport BrandPromotion from './components/BrandPromotion'\nimport BrandCase from './components/BrandCase'\nimport BrandPartner from './components/BrandPartner'\n\nexport default {\n  components: {\n    BrandKeypoint,\n    BrandProduct,\n    BrandZhiyou,\n    BrandPromotion,\n    BrandCase,\n    BrandPartner,\n    ContactInfo\n  },\n  methods: {\n    register() {\n      const { contactInfo } = this.$refs\n      document.documentElement.scrollTop = contactInfo.offsetTop - 40\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.default-layout {\n  min-height: 100vh;\n  .main {\n    flex: 1;\n  }\n}\n.contact-info {\n  padding-top: 64px;\n  padding-bottom: 88px;\n  background-color: #f4f5f7;\n  .title {\n    text-align: center;\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  .sub-title {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n}\n.banner {\n  background: url('~@/assets/img/brand/banner-bg.png') no-repeat center / cover;\n  height: 640px;\n  position: relative;\n  .content {\n    position: absolute;\n    top: 221px;\n    left: 128px;\n  }\n  .title {\n    color: $text-color-yellow;\n    font-size: 30px;\n    margin-bottom: 20px;\n    padding-bottom: 20px;\n    position: relative;\n    &:after {\n      content: '';\n      background-color: $danger-color;\n      width: 24px;\n      height: 4px;\n      position: absolute;\n      bottom: 0;\n      left: 0;\n    }\n  }\n  .desc {\n    margin-bottom: 32px;\n    font-size: 16px;\n    color: #bb9d7d;\n  }\n  .register-btn {\n    background-color: $text-color-yellow;\n    cursor: pointer;\n    text-align: center;\n    width: 104px;\n    height: 34px;\n    line-height: 34px;\n    border-radius: 17px;\n    color: $text-color-gold;\n    display: inline-block;\n    margin-right: 24px;\n    font-size: 14px;\n  }\n  .login-btn {\n    color: $text-color-yellow;\n    border: 1px solid $text-color-yellow;\n    width: 104px;\n    cursor: pointer;\n    height: 34px;\n    line-height: 34px;\n    border-radius: 17px;\n    display: inline-block;\n    text-align: center;\n    font-size: 14px;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.brand-page {\n  .brand-section {\n    padding: 64px 0 88px;\n    .title {\n      padding-bottom: 20px;\n      margin-bottom: 28px;\n      position: relative;\n      text-align: center;\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: $text-color-copper;\n        border-radius: 2px;\n      }\n    }\n    .subtitle {\n      margin-top: 12px;\n      text-align: center;\n      font-size: 16px;\n    }\n  }\n  .index-contact-info-component {\n    .left {\n      .submit-box {\n        .submit {\n          background-color: $sub-color-4;\n        }\n      }\n    }\n    .right {\n      .tel {\n        color: $text-color-gold;\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!./BrandPage.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!./BrandPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandPage.vue?vue&type=template&id=1c28b32d&scoped=true&\"\nimport script from \"./BrandPage.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandPage.vue?vue&type=style&index=0&id=1c28b32d&lang=scss&scoped=true&\"\nimport style1 from \"./BrandPage.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1c28b32d\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/pinpaizhiyou.cf113ce0.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!./BrandPartner.vue?vue&type=style&index=0&id=2fe9ae61&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&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"brand-product-component\"},[_c('div',{staticClass:\"brand-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"品牌号方案\")]),_c('p',{staticClass:\"subtitle font-color-desc\"},[_vm._v(\"互动营销新途径，激活潜在兴趣人群\")]),_c('div',{staticClass:\"body\"},[_c('ul',{staticClass:\"tabs\"},_vm._l((_vm.tabs),function(item,index){return _c('li',{key:item.id,class:{ active: _vm.activeIndex === index },on:{\"click\":function($event){return _vm.changeTab(index)}}},[_c('div',{staticClass:\"tab-item\"},[_vm._v(_vm._s(item.title))])])}),0),_vm._l((_vm.tabs),function(item,index){return [(_vm.activeIndex === index)?_c('div',{key:item.id,staticClass:\"tab-content\"},[_c('div',{staticClass:\"main-content\"},[_c('h3',{staticClass:\"content-title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"desc\"},[_vm._v(_vm._s(item.desc))]),_c('div',{staticClass:\"button\",on:{\"click\":function($event){return _vm.$emit('register')}}},[_vm._v(\" 免费咨询，开始使用 \")])]),_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":item.img}})])]):_vm._e()]})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"brand-product-component\">\n    <div class=\"brand-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">品牌号方案</h3>\n      <p class=\"subtitle font-color-desc\">互动营销新途径，激活潜在兴趣人群</p>\n      <div class=\"body\">\n        <ul class=\"tabs\">\n          <li\n            v-for=\"(item, index) in tabs\"\n            :key=\"item.id\"\n            :class=\"{ active: activeIndex === index }\"\n            @click=\"changeTab(index)\"\n          >\n            <div class=\"tab-item\">{{ item.title }}</div>\n          </li>\n        </ul>\n        <template v-for=\"(item, index) in tabs\">\n          <div v-if=\"activeIndex === index\" :key=\"item.id\" class=\"tab-content\">\n            <div class=\"main-content\">\n              <h3 class=\"content-title\">{{ item.title }}</h3>\n              <p class=\"desc\">{{ item.desc }}</p>\n              <div class=\"button\" @click=\"$emit('register')\">\n                免费咨询，开始使用\n              </div>\n            </div>\n            <div class=\"image-wrapper\">\n              <img :src=\"item.img\" />\n            </div>\n          </div>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport fangan1 from '@/assets/img/brand/fensijingying.png'\nimport fangan2 from '@/assets/img/brand/pinpaijingying.png'\nimport fangan3 from '@/assets/img/brand/neirongjingying.png'\nimport fangan4 from '@/assets/img/brand/pinpaizhiyou.png'\n\nexport default {\n  data() {\n    return {\n      activeIndex: 0,\n      tabs: [\n        {\n          id: 1,\n          title: '粉丝经营',\n          desc: '以\"任务+奖励\"的形式激励用户互动参与，粉丝高效互动，扩大粉丝流量，实现私域流量向公域转化',\n          img: fangan1\n        },\n        {\n          id: 2,\n          title: '品牌经营',\n          desc: '品牌号全新profile页，稳定入口展现品牌内容及产品，实现品牌资产沉淀和积累',\n          img: fangan2\n        },\n        {\n          id: 3,\n          title: '内容经营',\n          desc: '稳定的社交资产沉淀，内容可控，优质内容聚合，软性原生塑造影响力，实现公域流量向私域转化',\n          img: fangan3\n        },\n        {\n          id: 4,\n          title: '品牌挚友',\n          desc: '品牌与KOL之间强关联，投放挚友内容，释放品牌x明星信息收割粉丝，挚友公域流量向品牌私域流量转化',\n          img: fangan4\n        }\n      ]\n    }\n  },\n  methods: {\n    changeTab(index) {\n      this.activeIndex = index\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.body {\n  padding-top: 60px;\n  position: relative;\n  padding-left: 271px;\n  .tabs {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    height: 177px;\n    border-left: 3px solid rgba(142, 144, 145, 0.25);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    .tab-item {\n      padding-left: 19px;\n      cursor: pointer;\n      height: 30px;\n      line-height: 30px;\n      font-size: 16px;\n      position: relative;\n    }\n    li {\n      &.active {\n        color: $text-color-copper;\n        .tab-item {\n          &:after {\n            content: '';\n            background-color: $text-color-copper;\n            position: absolute;\n            width: 3px;\n            height: 100%;\n            left: -3px;\n            top: 0;\n          }\n        }\n      }\n    }\n  }\n  .tab-content {\n    padding-right: 458px;\n    position: relative;\n    min-height: 525px;\n    .image-wrapper {\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 436px;\n      height: 613px;\n      overflow: hidden;\n      img {\n        width: 100%;\n        height: 100%;\n        float: left;\n        object-fit: cover;\n      }\n    }\n    .content-title {\n      font-size: 26px;\n      line-height: 32px;\n      margin-bottom: 52px;\n    }\n    .desc {\n      font-size: 18px;\n      margin-bottom: 104px;\n      line-height: 36px;\n    }\n    .button {\n      width: 208px;\n      height: 48px;\n      line-height: 48px;\n      font-size: 16px;\n      text-align: center;\n      color: #ffffff;\n      border-radius: 24px;\n      background-color: $base-color-1;\n      display: inline-block;\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!./BrandProduct.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!./BrandProduct.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandProduct.vue?vue&type=template&id=35d122de&scoped=true&\"\nimport script from \"./BrandProduct.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandProduct.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandProduct.vue?vue&type=style&index=0&id=35d122de&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  \"35d122de\",\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 _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","module.exports = __webpack_public_path__ + \"img/changjing2.546e799f.png\";","module.exports = __webpack_public_path__ + \"img/changjing3.32aea60c.png\";","module.exports = __webpack_public_path__ + \"img/wenti2.648921ce.png\";","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-promotion-component\"},[_c('div',{staticClass:\"brand-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"推广场景\")]),_c('p',{staticClass:\"subtitle\"},[_vm._v(\" 从兴趣用户到品牌内容共创用户的转化，品牌号实现公私域流转，沉淀社交资产 \")]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"item-wrapper\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/changjing1.png\")}})]),_c('h3',{staticClass:\"item-title\"},[_vm._v(\"明星代言人\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 借助明星周边奖品，通过用户参与发布带话题博文，制造公域声量 \")])]),_c('div',{staticClass:\"item-wrapper\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/changjing2.png\")}})]),_c('h3',{staticClass:\"item-title\"},[_vm._v(\"产品上新\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 借助新品体验奖品，吸引用户参与测评，用户测评内容引发全网热议 \")])]),_c('div',{staticClass:\"item-wrapper\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/changjing3.png\")}})]),_c('h3',{staticClass:\"item-title\"},[_vm._v(\"游戏场景\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\"游戏限量奖品促进粉丝完成任务，话题任务引发用户讨论\")])]),_c('div',{staticClass:\"item-wrapper\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/brand/changjing4.png\")}})]),_c('h3',{staticClass:\"item-title\"},[_vm._v(\"直播场景\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 秀场周边激励用户完成直播任务，直播后片段引发全网热议 \")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"brand-promotion-component\">\n    <div class=\"brand-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">推广场景</h3>\n      <p class=\"subtitle\">\n        从兴趣用户到品牌内容共创用户的转化，品牌号实现公私域流转，沉淀社交资产\n      </p>\n      <div class=\"body\">\n        <div class=\"item-wrapper\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/brand/changjing1.png\" />\n          </div>\n          <h3 class=\"item-title\">明星代言人</h3>\n          <p class=\"desc\">\n            借助明星周边奖品，通过用户参与发布带话题博文，制造公域声量\n          </p>\n        </div>\n        <div class=\"item-wrapper\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/brand/changjing2.png\" />\n          </div>\n          <h3 class=\"item-title\">产品上新</h3>\n          <p class=\"desc\">\n            借助新品体验奖品，吸引用户参与测评，用户测评内容引发全网热议\n          </p>\n        </div>\n        <div class=\"item-wrapper\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/brand/changjing3.png\" />\n          </div>\n          <h3 class=\"item-title\">游戏场景</h3>\n          <p class=\"desc\">游戏限量奖品促进粉丝完成任务，话题任务引发用户讨论</p>\n        </div>\n        <div class=\"item-wrapper\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/brand/changjing4.png\" />\n          </div>\n          <h3 class=\"item-title\">直播场景</h3>\n          <p class=\"desc\">\n            秀场周边激励用户完成直播任务，直播后片段引发全网热议\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.body {\n  padding-top: 60px;\n  display: flex;\n  justify-content: space-between;\n  .item-wrapper {\n    width: 248px;\n    height: 201px;\n    .icon-image {\n      height: 81px;\n      overflow: hidden;\n      text-align: center;\n      margin-bottom: 24px;\n      img {\n        height: 100%;\n        object-fit: cover;\n      }\n    }\n    .item-title {\n      font-size: 24px;\n      text-align: center;\n      margin-bottom: 16px;\n    }\n    .desc {\n      font-size: 16px;\n      text-align: center;\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!./BrandPromotion.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!./BrandPromotion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandPromotion.vue?vue&type=template&id=13e30838&scoped=true&\"\nimport script from \"./BrandPromotion.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandPromotion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandPromotion.vue?vue&type=style&index=0&id=13e30838&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  \"13e30838\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/pinpaijingying.405a6797.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!./BrandPage.vue?vue&type=style&index=1&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/changjing4.9e08fd1e.png\";","module.exports = __webpack_public_path__ + \"img/neirongjingying.d99f7a07.png\";"],"sourceRoot":""}