{"version":3,"sources":["webpack:///./src/views/cn/contact.vue?7465","webpack:///src/views/cn/contact.vue","webpack:///./src/views/cn/contact.vue?e870","webpack:///./src/views/cn/contact.vue","webpack:///./src/views/cn/contact.vue?8668","webpack:///./src/views/cn/contact.vue?2279"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","ref","attrs","ruleForm","rules","nativeOn","$event","keyup","model","value","callback","$$v","$set","expression","on","change","checkList","staticStyle","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","submitForm","dialogVisible","slot","$router","push","staticRenderFns","defaultForm","mail","firstname","lastname","mobile","position","companyName","interested","message","data","showTip","tipStatus","required","trigger","type","validator","created","script","document","dataLayer","window","gtag","methods","webinercookies","localStorage","advertisementFlow","path","source","information","then","res","_this","fullName","editConsultMail","console","component"],"mappings":"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","file":"static/js/chunk-1b493824.34b6b721.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"contentInfo\"},[_c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"form\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"联系我们\")]),_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"姓\",\"prop\":\"firstname\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.firstname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"firstname\", $$v)},expression:\"ruleForm.firstname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"名\",\"prop\":\"lastname\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.lastname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"lastname\", $$v)},expression:\"ruleForm.lastname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"电子邮箱\",\"prop\":\"mail\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.mail),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mail\", $$v)},expression:\"ruleForm.mail\"}})],1),_c('el-form-item',{attrs:{\"label\":\"电话号码\",\"prop\":\"mobile\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.mobile),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mobile\", $$v)},expression:\"ruleForm.mobile\"}})],1),_c('el-form-item',{attrs:{\"label\":\"公司名称\",\"prop\":\"companyName\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.companyName),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"companyName\", $$v)},expression:\"ruleForm.companyName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"职位\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.position),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"position\", $$v)},expression:\"ruleForm.position\"}})],1),_c('el-form-item',{staticClass:\"text\",attrs:{\"label\":\"研究类型\"}},[_c('div',{staticClass:\"type\"},[_vm._v(\"(请选择所有你感兴趣的研究）\")]),_c('el-checkbox-group',{on:{\"change\":_vm.change},model:{value:(_vm.checkList),callback:function ($$v) {_vm.checkList=$$v},expression:\"checkList\"}},[_c('div',[_c('el-checkbox',{attrs:{\"label\":\"医疗保健\"}}),_c('el-checkbox',{attrs:{\"label\":\"医疗器械\"}}),_c('el-checkbox',{attrs:{\"label\":\"消费者\"}})],1),_c('div',[_c('el-checkbox',{attrs:{\"label\":\"定量\"}}),_c('el-checkbox',{attrs:{\"label\":\"定性\"}})],1),_c('div',[_c('el-checkbox',{attrs:{\"label\":\"在线调查\"}}),_c('el-checkbox',{attrs:{\"label\":\"建模与分析\"}}),_c('el-checkbox',{attrs:{\"label\":\"编程与数据处理\"}}),_c('el-checkbox',{attrs:{\"label\":\"受访者招募\"}}),_c('el-checkbox',{attrs:{\"label\":\"定制社区\"}}),_c('el-checkbox',{attrs:{\"label\":\"产品定位测试\"}}),_c('el-checkbox',{attrs:{\"label\":\"产品出海\"}})],1)])],1),_c('el-form-item',{staticClass:\"text\",attrs:{\"label\":\"留言\",\"prop\":\"message\"}},[_c('el-input',{attrs:{\"type\":\"textarea\"},nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.message),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"message\", $$v)},expression:\"ruleForm.message\"}})],1),_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"check\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ruleForm.check),expression:\"ruleForm.check\"}],staticClass:\"check\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.ruleForm.check)?_vm._i(_vm.ruleForm.check,null)>-1:(_vm.ruleForm.check)},on:{\"change\":function($event){var $$a=_vm.ruleForm.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.ruleForm, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.ruleForm, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.ruleForm, \"check\", $$c)}}}}),_c('span',{staticClass:\"checkyes\",staticStyle:{\"word-break\":\"break-word\"}},[_vm._v(\"是的，我想接收浩顿品牌的数字通信。我可以在任何时候使用任何电子邮件通信底部的退订链接选择退出通信。\")])])],1),_c('div',{staticClass:\"flexCenter\"},[_c('div',{staticClass:\"button\",on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\" 提 交 \")])])],1)])]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.dialogVisible,\"width\":\"30%\"}},[_c('span',[_vm._v(\"感谢您对浩顿的关注！您已成功提交您的信息，我们的团队会尽快与您联系。\")]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.dialogVisible = false;_vm.$router.push('/cn/index')}}},[_vm._v(\"OK\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"contact\">\r\n    <div class=\"contentInfo\">\r\n      <div class=\"contact\">\r\n        <div class=\"form\">\r\n          <div class=\"title\">联系我们</div>\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n\r\n            <el-form-item label=\"姓\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"名\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"电子邮箱\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"电话号码\" prop=\"mobile\">\r\n              <el-input v-model=\"ruleForm.mobile\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"公司名称\" prop=\"companyName\">\r\n              <el-input v-model=\"ruleForm.companyName\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"职位\">\r\n              <el-input v-model=\"ruleForm.position\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item class=\"text\" label=\"研究类型\">\r\n              <div class=\"type\">(请选择所有你感兴趣的研究）</div>\r\n              <el-checkbox-group v-model=\"checkList\" @change=\"change\">\r\n                <div>\r\n                  <el-checkbox label=\"医疗保健\"></el-checkbox>\r\n                  <el-checkbox label=\"医疗器械\"></el-checkbox>\r\n                  <el-checkbox label=\"消费者\"></el-checkbox>\r\n                </div>\r\n                <div>\r\n                  <el-checkbox label=\"定量\"></el-checkbox>\r\n                  <el-checkbox label=\"定性\"></el-checkbox>\r\n                </div>\r\n                <div>\r\n                  <el-checkbox label=\"在线调查\"></el-checkbox>\r\n                  <el-checkbox label=\"建模与分析\"></el-checkbox>\r\n                  <el-checkbox label=\"编程与数据处理\"></el-checkbox>\r\n                  <el-checkbox label=\"受访者招募\"></el-checkbox>\r\n                  <el-checkbox label=\"定制社区\"></el-checkbox>\r\n                  <el-checkbox label=\"产品定位测试\"></el-checkbox>\r\n                  <el-checkbox label=\"产品出海\"></el-checkbox>\r\n                </div>\r\n              </el-checkbox-group>\r\n            </el-form-item>\r\n            <el-form-item class=\"text\" label=\"留言\" prop=\"message\">\r\n              <el-input type=\"textarea\" v-model=\"ruleForm.message\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n\r\n            <el-form-item prop=\"check\" style=\"width:100%\">\r\n              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\"><span style=\"word-break: break-word;\" class=\"checkyes\">是的，我想接收浩顿品牌的数字通信。我可以在任何时候使用任何电子邮件通信底部的退订链接选择退出通信。</span>\r\n            </el-form-item>\r\n          </el-form>\r\n\r\n          <div class=\"flexCenter\">\r\n            <div class=\"button\" @click=\"submitForm('ruleForm')\">\r\n              提 交\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <el-dialog title=\"\" :visible=\"dialogVisible\" width=\"30%\">\r\n      <span>感谢您对浩顿的关注！您已成功提交您的信息，我们的团队会尽快与您联系。</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"dialogVisible = false;$router.push('/cn/index')\">OK</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  mobile: \"\",\r\n  position: \"\", //所属职位\r\n  companyName: \"\", //公司名称\r\n  interested: \"\",\r\n  check: true,\r\n  message: \"\" //留言\r\n};\r\nimport { editConsultMail, advertisementFlow } from \"@/api/api\";\r\nexport default {\r\n  name: \"Contact\",\r\n  data() {\r\n    const check = (rule, value, callback) => {\r\n      if (value == false) {\r\n        return callback(new Error(\"请填写此必填项\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      dialogVisible: false,\r\n      checkList: [],\r\n      interested: \"\",\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      showTip: false,\r\n      tipStatus: true,\r\n      rules: {\r\n        firstname: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }],\r\n        companyName: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }],\r\n        message: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }],\r\n        mail: [\r\n          { required: true, message: \"请填写此必填项\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"电子邮件格式必须正确\", trigger: [\"blur\"] }\r\n        ],\r\n        check: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }, { validator: check }]\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  methods: {\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"contact\",\r\n          source: \"\",\r\n          information: \"联系我们\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"contact\",\r\n          source: this.$route.query.source,\r\n          information: \"联系我们\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    change() {\r\n      this.interested = this.checkList.join();\r\n      // console.log(this.interested);\r\n    },\r\n    keyup() {\r\n      this.$refs[\"ruleForm\"].clearValidate();\r\n    },\r\n    submitForm(formName) {\r\n      let _this = this;\r\n      _this.$refs[formName].validate(valid => {\r\n        if (valid) {\r\n          _this.ruleForm.fullName = _this.ruleForm.firstname + \" \" + _this.ruleForm.lastname;\r\n          let ruleForm = {\r\n            fullName: _this.ruleForm.fullName,\r\n            mail: _this.ruleForm.mail,\r\n            mobile: _this.ruleForm.mobile,\r\n            position: _this.ruleForm.position,\r\n            companyName: _this.ruleForm.companyName,\r\n            message: _this.ruleForm.message,\r\n            interested: _this.interested\r\n          };\r\n          this.checkList = [];\r\n          editConsultMail(ruleForm).then(res => {\r\n            console.log(res);\r\n            if (res.code == 10000) {\r\n              _this.showTip = true;\r\n              _this.tipStatus = true;\r\n              _this.ruleForm = JSON.parse(JSON.stringify(defaultForm));\r\n              this.dialogVisible = true;\r\n            } else {\r\n              _this.showTip = true;\r\n              _this.tipStatus = false;\r\n            }\r\n          });\r\n          return false;\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.check {\r\n  margin-right: 10px;\r\n}\r\n.marginTop30 {\r\n  margin-top: 0.3rem;\r\n}\r\n.fontBold {\r\n  font-weight: bold;\r\n}\r\n.contentInfo {\r\n  background: url(\"~@/assets/img/contact.jpg\") no-repeat center top;\r\n  background-size: 100% 100%;\r\n  width: 100%;\r\n  padding: 100px 0 75px;\r\n  .contact {\r\n    padding: 50px 63px;\r\n    width: 888px;\r\n    margin: 0 auto;\r\n    background: #fff;\r\n    .form {\r\n      .title {\r\n        font-size: 40px;\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        font-weight: 700;\r\n      }\r\n      .el-form {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        /deep/ .el-form-item {\r\n          display: inline-block;\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          justify-content: space-between;\r\n          &:nth-child(even) {\r\n            .el-form-item__label {\r\n              margin-left: 7px;\r\n            }\r\n          }\r\n          &:not(.text) {\r\n            width: 50%;\r\n          }\r\n          &.text {\r\n            width: 100%;\r\n          }\r\n          .el-form-item__content {\r\n            flex: 1;\r\n            .el-input {\r\n              width: 238px !important;\r\n            }\r\n          }\r\n\r\n          .el-form-item__label {\r\n            width: 133px;\r\n            font-size: 15px;\r\n            display: block;\r\n            font-weight: normal;\r\n          }\r\n          .el-textarea__inner {\r\n            min-height: 104px !important;\r\n          }\r\n          .el-input__inner,\r\n          .el-textarea__inner {\r\n            // width: 250px;\r\n            background: #fafafa;\r\n            border: 1px solid #e6e6e6;\r\n            border-radius: 7px;\r\n            font-size: 15px;\r\n          }\r\n          .el-textarea__inner {\r\n            width: 500px;\r\n          }\r\n          .el-form-item__error {\r\n            font-size: 12px !important;\r\n          }\r\n        }\r\n      }\r\n      .button {\r\n        margin-top: 17px;\r\n        background: #217df6;\r\n        font-size: 13px;\r\n        color: #fff;\r\n        border-radius: 7px;\r\n        text-align: center;\r\n        width: 91px;\r\n        height: 34px;\r\n        line-height: 34px;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .checkyes {\r\n    font-size: 60px;\r\n  }\r\n  .type {\r\n    font-size: 70px;\r\n  }\r\n  .check {\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n  .contentInfo {\r\n    .contact {\r\n      width: 90%;\r\n      .form {\r\n        .el-form {\r\n          /deep/ .el-form-item {\r\n            &:not(.text) {\r\n              width: 100%;\r\n            }\r\n            .el-form-item__content {\r\n              flex: 1;\r\n              .el-input {\r\n                width: 100% !important;\r\n                margin-bottom: 30px;\r\n              }\r\n            }\r\n            .el-form-item__label {\r\n              // width: 400px;\r\n              width: 100%;\r\n              text-align: left;\r\n              line-height: 100px;\r\n              font-size: 70px !important;\r\n            }\r\n            .el-form-item__label::before {\r\n              // position: static;\r\n            }\r\n            .el-input__inner {\r\n              width: 1000px;\r\n              height: 100px;\r\n              font-size: 60px !important;\r\n            }\r\n            .el-textarea__inner {\r\n              width: 1000px;\r\n              height: 300px;\r\n              font-size: 60px !important;\r\n            }\r\n            .el-form-item__error {\r\n              top: 100px;\r\n              font-size: 40px !important;\r\n            }\r\n            .type {\r\n              line-height: 70px;\r\n            }\r\n            .el-checkbox-group {\r\n              font-size: 40px;\r\n              .el-checkbox {\r\n                margin: 10px;\r\n              }\r\n              .el-checkbox__input {\r\n                .el-checkbox__inner {\r\n                  width: 80px;\r\n                  height: 80px;\r\n                }\r\n                .el-checkbox__label {\r\n                  font-size: 70px !important;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .button {\r\n          width: 350px;\r\n          height: 100px;\r\n          font-size: 70px;\r\n\r\n          padding: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n@media screen and (max-width: 576px) {\r\n  .el-dialog {\r\n    padding: 100px;\r\n    width: 90% !important;\r\n    // height: 1000px;\r\n    font-size: 100px;\r\n    .el-dialog__body {\r\n      text-align: center;\r\n      padding: 100px;\r\n      font-size: 50px;\r\n      word-break: break-word;\r\n    }\r\n    .el-button--default,\r\n    .el-button--primary {\r\n      padding: 50px 70px;\r\n      font-size: 50px;\r\n    }\r\n  }\r\n  .el-checkbox {\r\n    font-size: 70px !important;\r\n    .el-checkbox__label {\r\n      font-size: 70px;\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!./contact.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!./contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contact.vue?vue&type=template&id=c6ecd042&scoped=true&\"\nimport script from \"./contact.vue?vue&type=script&lang=js&\"\nexport * from \"./contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contact.vue?vue&type=style&index=0&id=c6ecd042&lang=scss&scoped=true&\"\nimport style1 from \"./contact.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  \"c6ecd042\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./contact.vue?vue&type=style&index=0&id=c6ecd042&lang=scss&scoped=true&\"; export default mod; 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!./contact.vue?vue&type=style&index=0&id=c6ecd042&lang=scss&scoped=true&\"","import mod 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!./contact.vue?vue&type=style&index=1&lang=scss&\"; export default mod; 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!./contact.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}