{"version":3,"sources":["webpack:///./src/views/Contact/index.vue?5b23","webpack:///src/views/Contact/index.vue","webpack:///./src/views/Contact/index.vue?76bc","webpack:///./src/views/Contact/index.vue","webpack:///./src/views/Contact/index.vue?b16a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","ContactWayInfo","PresalesTel","AftersalesTel","PresalesEmail","AftersalesEmail","directives","name","rawName","value","expression","attrs","domProps","on","$event","target","composing","yourName","yourCompanyName","ref","regular","focus","yourPhomeNum","yourMailNum","youSuggest","submit","staticRenderFns","data","phoneRegular","mailRegular","verificationCodeRegular","mounted","$store","state","contactWay","$bus","$emit","setTimeout","meta1","content","result","description","meta2","keyword","title","innerText","beforeDestroy","methods","length","$refs","mail","style","border","str","test","phone","$utils","mainMessage","$API","submitSuggest","verification","component"],"mappings":"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","file":"js/chunk-95ebe3a6.5010b698.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap\",staticStyle:{\"padding-top\":\"70px\"}},[_c('div',{staticClass:\"contactText\"},[_c('div',{staticClass:\"contactTextContent\"},[_c('p',[_vm._v(\"感谢您的关注与信任\")]),_c('p',[_vm._v(\"如果您想要更深入地了解我们的产品、价格及售后服务，请按照下面方式联系我们，我们会及时响 应，为您提供贴心服务。\")]),_c('div',{staticClass:\"phoneAndMail\"},[_c('div',{staticClass:\"pm\"},[_c('span',{staticClass:\"iconfont iconshouqianrexian\"}),_c('div',{staticClass:\"pmNum\"},[_c('p',[_vm._v(\"售前热线: \"+_vm._s(_vm.ContactWayInfo.PresalesTel))]),_c('p',[_vm._v(\"售后热线: \"+_vm._s(_vm.ContactWayInfo.AftersalesTel))])])]),_c('div',{staticClass:\"pm\"},[_c('span',{staticClass:\"iconfont iconshouqianyouxiang\",staticStyle:{\"line-height\":\"70px\"}}),_c('div',{staticClass:\"pmNum\"},[_c('p',[_vm._v(\"售前邮箱：\"+_vm._s(_vm.ContactWayInfo.PresalesEmail))]),_c('p',[_vm._v(\"售后邮箱：\"+_vm._s(_vm.ContactWayInfo.AftersalesEmail))])])])]),_c('p',[_vm._v(\"留下您的需求或建议，我们会尽快与您联系\")])])]),_c('div',{staticClass:\"form\"},[_c('div',{staticClass:\"formItem\"},[_c('div',{staticClass:\"formItemLeft\"},[_vm._v(\" 您的姓名 \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.yourName),expression:\"yourName\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入您的姓名\"},domProps:{\"value\":(_vm.yourName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.yourName=$event.target.value}}})]),_c('div',{staticClass:\"formItemRight\"},[_vm._v(\" 公司名称 \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.yourCompanyName),expression:\"yourCompanyName\"}],attrs:{\"type\":\"text \",\"placeholder\":\"请输入您的公司名称\"},domProps:{\"value\":(_vm.yourCompanyName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.yourCompanyName=$event.target.value}}})])]),_c('div',{staticClass:\"formItem\",staticStyle:{\"margin-bottom\":\"50px\"}},[_c('div',{staticClass:\"formItemLeft\"},[_vm._v(\" 您的手机 \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.yourPhomeNum),expression:\"yourPhomeNum\"}],ref:\"phone\",attrs:{\"type\":\"text\",\"placeholder\":\"请输入您的手机号码\"},domProps:{\"value\":(_vm.yourPhomeNum)},on:{\"blur\":function($event){return _vm.regular(0)},\"focus\":function($event){return _vm.focus(0)},\"input\":function($event){if($event.target.composing){ return; }_vm.yourPhomeNum=$event.target.value}}}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.phoneRegular),expression:\"phoneRegular\"}],staticClass:\"regular\"},[_c('span',{staticClass:\"iconfont icontishi\"}),_vm._v(\" 手机号码不存在\")])]),_c('div',{staticClass:\"formItemRight\"},[_vm._v(\" 您的邮箱 \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.yourMailNum),expression:\"yourMailNum\"}],ref:\"mail\",attrs:{\"type\":\"text\",\"placeholder\":\"请输入您的邮箱\"},domProps:{\"value\":(_vm.yourMailNum)},on:{\"blur\":function($event){return _vm.regular(1)},\"focus\":function($event){return _vm.focus(1)},\"input\":function($event){if($event.target.composing){ return; }_vm.yourMailNum=$event.target.value}}}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mailRegular),expression:\"mailRegular\"}],staticClass:\"regular\"},[_c('span',{staticClass:\"iconfont icontishi\"}),_vm._v(\" 邮箱格式不不正确\")])])]),_c('div',{staticClass:\"formItem\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.youSuggest),expression:\"youSuggest\"}],attrs:{\"placeholder\":\"请描述你的需求和建议\"},domProps:{\"value\":(_vm.youSuggest)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.youSuggest=$event.target.value}}})]),_c('div',{staticClass:\"formItem\",staticStyle:{\"margin-bottom\":\"0\"}},[_c('div',{staticClass:\"btn\",on:{\"click\":_vm.submit}},[_vm._v(\" 确认提交 \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrap\" style=\"padding-top:70px\">\r\n    <div class=\"contactText\">\r\n      <!-- <div class=\"titileImg\" style=\"margin-bottom:80px;border-bottom:1px solid #2b2b2b\">\r\n        <img src=\"./img/back.png\" alt=\"\">\r\n      </div> -->\r\n      <div class=\"contactTextContent\">\r\n        <p>感谢您的关注与信任</p>\r\n        <p>如果您想要更深入地了解我们的产品、价格及售后服务，请按照下面方式联系我们，我们会及时响 应，为您提供贴心服务。</p>\r\n        <div class=\"phoneAndMail\">\r\n          <div class=\"pm\">\r\n            <span class=\"iconfont iconshouqianrexian\"></span>\r\n            <div class=\"pmNum\">\r\n              <p>售前热线: {{ContactWayInfo.PresalesTel}}</p>\r\n              <p>售后热线: {{ContactWayInfo.AftersalesTel}}</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"pm\">\r\n            <span class=\"iconfont iconshouqianyouxiang\" style=\"line-height: 70px\"></span>\r\n            <div class=\"pmNum\">\r\n              <p>售前邮箱：{{ContactWayInfo.PresalesEmail}}</p>\r\n              <p>售后邮箱：{{ContactWayInfo.AftersalesEmail}}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <p>留下您的需求或建议，我们会尽快与您联系</p>\r\n      </div>\r\n    </div>\r\n    <div class=\"form\">\r\n      <div class=\"formItem\">\r\n        <div class=\"formItemLeft\"> 您的姓名 <input type=\"text\" placeholder=\"请输入您的姓名\" v-model=\"yourName\"></div>\r\n        <div class=\"formItemRight\"> 公司名称 <input type=\"text \" placeholder=\"请输入您的公司名称\" v-model=\"yourCompanyName\"></div>\r\n      </div>\r\n      <div class=\"formItem\" style=\"margin-bottom:50px\">\r\n        <div class=\"formItemLeft\"> 您的手机 <input type=\"text\" ref=\"phone\" placeholder=\"请输入您的手机号码\" v-model=\"yourPhomeNum\" @blur='regular(0)' @focus='focus(0)'>\r\n          <p class=\"regular\" v-show=\"phoneRegular\"><span class=\"iconfont icontishi\"></span> 手机号码不存在</p>\r\n        </div>\r\n        <div class=\"formItemRight\"> 您的邮箱 <input type=\"text\" ref=\"mail\" placeholder=\"请输入您的邮箱\" v-model=\"yourMailNum\" @blur='regular(1)' @focus='focus(1)'>\r\n          <p class=\"regular\" v-show=\"mailRegular\"><span class=\"iconfont icontishi\"></span> 邮箱格式不不正确</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"formItem\">\r\n        <textarea placeholder=\"请描述你的需求和建议\" v-model=\"youSuggest\"></textarea>\r\n      </div>\r\n      <!-- <div class=\"formItemVerificationCode\">\r\n        验证码 <input type=\"text\" ref='verification' placeholder=\"请输入验证码\" v-model=\"youVerificationCode\" @blur='regular(3)' @focus='focus(3)'>\r\n        <img src=\"./img/verification_1@2x.png\" alt=\"\">\r\n        <p class=\"regular\" v-show=\"verificationCodeRegular\"><span class=\"iconfont icontishi\"></span>验证码错误</p>\r\n      </div> -->\r\n      <div class=\"formItem\" style=\"margin-bottom:0\">\r\n        <div class=\"btn\" @click=\"submit\">\r\n          确认提交\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'Contact',\r\n  data() {\r\n    return {\r\n      // 名字\r\n      yourName: '',\r\n      // 手机号码\r\n      yourPhomeNum: '',\r\n      // 邮箱\r\n      yourMailNum: '',\r\n      // 公司名称\r\n      yourCompanyName: '',\r\n      // 建议\r\n      youSuggest: '',\r\n      // 验证码\r\n      // youVerificationCode: '',\r\n      // 是否显示手机正则提示\r\n      phoneRegular: false,\r\n      // 是否显示邮箱正则提示\r\n      mailRegular: false,\r\n      // 是否显示验证码正则提示\r\n      verificationCodeRegular: false,\r\n      ContactWayInfo: {}\r\n    }\r\n  },\r\n  mounted() {\r\n    this.ContactWayInfo = this.$store.state.contactWay[0]\r\n    this.$bus.$emit('setFooterBacColor', 1)\r\n    this.$bus.$emit('isShowFooterText', 3)\r\n    setTimeout(() => {\r\n      const result = this.$store.state.webpageTitle\r\n      const head = document.querySelector('head')\r\n      let title = document.querySelector('title')\r\n      let meta1 = head.getElementsByTagName('meta')[3]\r\n      let meta2 = head.getElementsByTagName('meta')[4]\r\n      meta1.content = result.description\r\n      meta2.content = result.keyword\r\n      title.innerText = result.title\r\n    }, 200)\r\n  },\r\n  beforeDestroy() {\r\n    this.$bus.$emit('setFooterBacColor', 0)\r\n    this.$bus.$emit('isShowFooterText', 2)\r\n  },\r\n  methods: {\r\n    regular(value) {\r\n      // 153, 153, 153, 1   获取焦点颜色\r\n      // 43, 43, 43, 1      本来的颜色\r\n      // 216, 0, 0, 1       错误的颜色\r\n      if (value === 1) {\r\n        if (this.yourMailNum.length === 0) {\r\n          this.$refs.mail.style.border = '1px solid rgba(43, 43, 43, 1)'\r\n          this.mailRegular = false\r\n          return\r\n        }\r\n        const str = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/\r\n        if (str.test(this.yourMailNum)) {\r\n          this.$refs.mail.style.border = '1px solid rgba(43, 43, 43, 1)'\r\n          this.mailRegular = false\r\n        } else {\r\n          this.$refs.mail.style.border = '1px solid rgba(216, 0, 0, 1)'\r\n          this.mailRegular = true\r\n        }\r\n      } else if (value === 0) {\r\n        if (this.yourPhomeNum.length === 0) {\r\n          this.$refs.phone.style.border = '1px solid rgba(43, 43, 43, 1)'\r\n          this.phoneRegular = false\r\n          return\r\n        }\r\n        const str = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\\d{8}$/\r\n        if (str.test(this.yourPhomeNum)) {\r\n          this.$refs.phone.style.border = '1px solid rgba(43, 43, 43, 1)'\r\n          this.phoneRegular = false\r\n        } else {\r\n          this.phoneRegular = true\r\n          this.$refs.phone.style.border = '1px solid rgba(216, 0, 0, 1)'\r\n        }\r\n      } else if (value === 3) {\r\n      }\r\n    },\r\n    submit() {\r\n      if (this.phoneRegular) {\r\n        // this.$message.error('手机输入不正确')\r\n        this.$utils.mainMessage('手机输入不正确', 'error')\r\n        return\r\n      } else if (this.mailRegular) {\r\n        // this.$message.error('邮箱输入不正确')\r\n        this.$utils.mainMessage('邮箱输入不正确', 'error')\r\n        return\r\n      } else if (this.verificationCodeRegular) {\r\n        // this.$message.error('验证码输入不正确')\r\n        this.$utils.mainMessage('验证码输入不正确', 'error')\r\n        return\r\n      }\r\n      if (!this.yourName) {\r\n        // this.$message.warning({ message: '名字不能为空', showClose: true, duration: 0 })\r\n        this.$utils.mainMessage('名字不能为空', 'warning')\r\n        return\r\n      } else if (!this.yourCompanyName) {\r\n        this.$utils.mainMessage('公司名称不能为空', 'error')\r\n        return\r\n      } else if (!this.yourPhomeNum) {\r\n        this.$utils.mainMessage('手机号码不能为空', 'error')\r\n        // this.$message.error('手机号码不能为空')\r\n        return\r\n      } else if (!this.yourMailNum) {\r\n        // this.$message.error('邮箱不能为空')\r\n        this.$utils.mainMessage('邮箱不能为空', 'error')\r\n        return\r\n      } else if (!this.youSuggest) {\r\n        // this.$message.error('建议不能为空')\r\n        this.$utils.mainMessage('建议不能为空', 'error')\r\n        return\r\n      }\r\n      this.$API.submitSuggest({ ProposedBy: this.yourName, Phone: this.yourPhomeNum, Email: this.yourMailNum, CorporateName: this.yourCompanyName, Content: this.youSuggest, Status: false }).then(\r\n        resolve => {\r\n          if (resolve.State === 1) {\r\n            // this.$message.success('提交成功')\r\n            this.$utils.mainMessage('提交成功', 'success')\r\n          } else {\r\n            // this.$message.error('提交失败,请稍后再试')\r\n            this.$utils.mainMessage('提交失败,请稍后再试', 'error')\r\n          }\r\n        },\r\n        reject => {\r\n          this.$message.error(reject)\r\n        }\r\n      )\r\n\r\n      this.yourName = ''\r\n      this.yourCompanyName = ''\r\n      this.yourPhomeNum = ''\r\n      this.youSuggest = ''\r\n      this.yourName = ''\r\n      this.yourMailNum = ''\r\n    },\r\n    focus(value) {\r\n      if (value === 0) {\r\n        this.$refs.phone.style.border = '1px solid rgba(153, 153, 153, 1)'\r\n        this.phoneRegular = false\r\n      } else if (value === 1) {\r\n        this.$refs.mail.style.border = '1px solid rgba(153, 153, 153, 1)'\r\n        this.mailRegular = false\r\n      } else if (value === 3) {\r\n        this.$refs.verification.style.border = '1px solid rgba(153, 153, 153, 1)'\r\n        this.verificationCodeRegular = false\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang='less' rel='stylesheet/less' scoped>\r\n.wrap {\r\n  .el-message {\r\n    box-shadow: 0 3px 6px rgba(68, 87, 207, 0.1);\r\n  }\r\n  border-top: 1px solid #2b2b2b;\r\n  background-color: #111;\r\n  input:focus::-webkit-input-placeholder {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 22px;\r\n    color: rgba(250, 250, 250, 1);\r\n  }\r\n  textarea:focus::-webkit-input-placeholder {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 22px;\r\n    color: rgba(250, 250, 250, 1);\r\n  }\r\n  .form {\r\n    width: 1200px;\r\n    margin: 0 auto;\r\n    padding-bottom: 100px;\r\n    input,\r\n    textarea {\r\n      color: rgba(250, 250, 250, 1);\r\n      background-color: rgba(255, 255, 255, 0.05);\r\n    }\r\n    .formItem {\r\n      font-size: 16px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      text-align: end;\r\n      color: #fafafa;\r\n      font-weight: 400;\r\n      line-height: 22px;\r\n      color: rgba(250, 250, 250, 1);\r\n      margin-bottom: 30px;\r\n      .formItemLeft,\r\n      .formItemRight {\r\n        position: relative;\r\n      }\r\n      .regular {\r\n        top: 52px;\r\n        position: absolute;\r\n        right: 0;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        line-height: 20px;\r\n        color: rgba(216, 0, 0, 1);\r\n      }\r\n      input:focus {\r\n        border: 1px solid rgba(153, 153, 153, 1);\r\n      }\r\n      textarea:focus {\r\n        border: 1px solid rgba(153, 153, 153, 1);\r\n      }\r\n      input {\r\n        width: 460px;\r\n        height: 42px;\r\n        margin-left: 30px;\r\n        padding: 10px 20px;\r\n        box-sizing: border-box;\r\n        border-radius: 4px;\r\n        outline: none;\r\n        border: 1px solid rgba(43, 43, 43, 1);\r\n      }\r\n      textarea {\r\n        width: 1200px !important;\r\n        height: 200px;\r\n        resize: none;\r\n        padding: 20px 10px 20px 20px;\r\n        box-sizing: border-box;\r\n        border-radius: 6px;\r\n        outline: none;\r\n        border: 1px solid rgba(43, 43, 43, 1);\r\n      }\r\n      .btn {\r\n        width: 364px;\r\n        height: 52px;\r\n        line-height: 52px;\r\n        text-align: center;\r\n        background: #d80000;\r\n        color: #fafafa;\r\n        margin: 50px auto 0;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        &:hover {\r\n          opacity: 0.9;\r\n        }\r\n      }\r\n    }\r\n    .formItemVerificationCode {\r\n      position: relative;\r\n      color: rgba(250, 250, 250, 1);\r\n      font-size: 16px;\r\n      font-weight: 400;\r\n      line-height: 22px;\r\n      margin-bottom: 80px;\r\n      .regular {\r\n        top: 52px;\r\n        position: absolute;\r\n        left: 29%;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        line-height: 20px;\r\n        color: rgba(216, 0, 0, 1);\r\n      }\r\n      input {\r\n        width: 340px;\r\n        height: 42px;\r\n        box-sizing: border-box;\r\n        margin: 0 20px 0 44px;\r\n        padding: 10px 20px;\r\n        border: 1px solid rgba(43, 43, 43, 1);\r\n        outline: none;\r\n        border-radius: 4px;\r\n      }\r\n      input:focus {\r\n        border: 1px solid rgba(153, 153, 153, 1);\r\n      }\r\n      img {\r\n        width: 110px;\r\n        height: 42px;\r\n        vertical-align: bottom;\r\n      }\r\n    }\r\n  }\r\n  .contactText {\r\n    margin-bottom: 80px;\r\n    .titileImg {\r\n      width: 100%;\r\n      height: 600px;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n    .contactTextContent {\r\n      color: #eee;\r\n      height: 380px;\r\n      width: 942px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      & > p:nth-child(1) {\r\n        font-size: 36px;\r\n        font-weight: bold;\r\n        line-height: 50px;\r\n        text-align: center;\r\n      }\r\n      & > p:nth-child(2) {\r\n        margin: 0 auto;\r\n        width: 602px;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        line-height: 24px;\r\n        text-align: center;\r\n      }\r\n      & > p:nth-child(4) {\r\n        text-align: center;\r\n        width: 570px;\r\n        height: 42px;\r\n        font-size: 30px;\r\n        font-weight: bold;\r\n        line-height: 42px;\r\n        margin: 0 auto;\r\n      }\r\n      .phoneAndMail {\r\n        justify-content: space-between;\r\n        display: flex;\r\n        .iconfont {\r\n          font-size: 66px;\r\n          line-height: 66px;\r\n        }\r\n        .pm {\r\n          display: flex;\r\n          p {\r\n            height: 25px;\r\n            font-size: 18px;\r\n            font-family: PingFang SC;\r\n            font-weight: 400;\r\n            line-height: 25px;\r\n            opacity: 1;\r\n          }\r\n          .pmNum {\r\n            height: 68px;\r\n            display: flex;\r\n            margin-left: 20px;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1b2e76da&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=1b2e76da&lang=less&rel=stylesheet%2Fless&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  \"1b2e76da\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=1b2e76da&lang=less&rel=stylesheet%2Fless&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=1b2e76da&lang=less&rel=stylesheet%2Fless&scoped=true&\""],"sourceRoot":""}