{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\login\\components\\register.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\login\\components\\register.vue","mtime":1678954023619},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgUmVnaXN0ZXIsIG1vYmlsZUlzUmVnaXN0ZXIgfSBmcm9tICJAL2FwaS91c2VyIjsKaW1wb3J0IHsgc2VuZE1vYmlsZUNvZGUgfSBmcm9tICJAL2FwaS9jb21tb24iOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlJlZ2lzdGVyIiwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHRpbWU6ICLojrflj5bpqozor4HnoIEiLAogICAgICBsb2dpbl9yZWdpc3Rlcl9tb2JpbGU6IGZhbHNlLAogICAgICBsb2dpbl9yZWdpc3Rlcl9wYXNzd29yZDogZmFsc2UsCiAgICAgIGxvZ2luX3JlZ2lzdGVyX3Ntc0NvZGU6IGZhbHNlLAogICAgICBsb2dpbl9yZWdpc3Rlcl9sb29rOiBmYWxzZSwKICAgICAgYnRuX2xvYWRpbmc6IGZhbHNlLAogICAgICBsb2dpbl9yZWdpc3RlcjogewogICAgICAgIG1vYmlsZTogIiIsCiAgICAgICAgc21zQ29kZTogIiIsCiAgICAgICAgcGFzc3dvcmQ6ICIiCiAgICAgIH0sCiAgICAgIHNlY29uZF9udW06IDYwLAogICAgICBpc19kaXNfeXptOiBmYWxzZSwKICAgICAgZG9tYWluOiAiIgogICAgfTsKICB9LAoKICBjcmVhdGVkKCkgewogICAgaWYgKHdpbmRvdy5sb2NhdGlvbi5ob3N0bmFtZSA9PT0gImxvY2FsaG9zdCIpIHsKICAgICAgdGhpcy5kb21haW4gPSAiZGV2LnFpYW5uaWFvLnZpcCI7CiAgICB9IGVsc2UgewogICAgICB0aGlzLmRvbWFpbiA9IHdpbmRvdy5sb2NhdGlvbi5ob3N0bmFtZTsKICAgIH0KICB9LAoKICBtZXRob2RzOiB7CiAgICAvLyDpqozor4HnoIEKICAgIHRpbWVyKCkgewogICAgICBsZXQgdGltZSA9IDM7CgogICAgICBpZiAobG9naW5fcmVnaXN0ZXIubW9iaWxlICE9PSAiIikgewogICAgICAgIHZhciB0aW0gPSBzZXRJbnRlcnZhbCgoKSA9PiB7CiAgICAgICAgICB0aW1lLS07CiAgICAgICAgICB0aGlzLnRpbWUgPSB0aW1lOwogICAgICAgICAgY29uc29sZS5sb2codGltZSk7CgogICAgICAgICAgaWYgKHRpbWUgPCAwKSB7CiAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwodGltKTsKICAgICAgICAgICAgdGhpcy50aW1lID0gIuiOt+WPlumqjOivgeeggSI7CiAgICAgICAgICB9CiAgICAgICAgfSwgMTAwMCk7CiAgICAgIH0KICAgIH0sCgogICAgaW5wdXRCbHVyKGUsIHByb3ApIHsKICAgICAgdGhpc1sibG9naW5fcmVnaXN0ZXJfIiArIHByb3BdID0gIXRoaXMubG9naW5fcmVnaXN0ZXJbcHJvcF07CgogICAgICBpZiAocHJvcCA9PT0gIm1vYmlsZSIpIHsKICAgICAgICB0aGlzLm1vYmlsZUlzUmVnaXN0ZXIoKTsKICAgICAgfQogICAgfSwKCiAgICBpbnB1dEZvY3VzKGUsIHByb3ApIHsKICAgICAgdGhpc1sibG9naW5fcmVnaXN0ZXJfIiArIHByb3BdID0gZmFsc2U7CiAgICB9LAoKICAgIC8vIOWIpOaWreaJi+acuuWPt+aYr+WQpuazqOWGjAogICAgYXN5bmMgbW9iaWxlSXNSZWdpc3RlcigpIHsKICAgICAgY29uc3QgcmUgPSAvXjFbMzQ1Njc4OV1cZHs5fSQvOwoKICAgICAgaWYgKCFyZS50ZXN0KHRoaXMubG9naW5fcmVnaXN0ZXIubW9iaWxlKSkgewogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgewogICAgICAgIGRhdGEKICAgICAgfSA9IGF3YWl0IG1vYmlsZUlzUmVnaXN0ZXIodGhpcy5sb2dpbl9yZWdpc3Rlci5tb2JpbGUpOwoKICAgICAgaWYgKGRhdGEpIHsKICAgICAgICB0aGlzLiRtZXNzYWdlLndhcm5pbmcoIuivpeaJi+acuuWPt+W3suiiq+azqOWGjO+8gSIpOwogICAgICAgIHRoaXMubG9naW5fcmVnaXN0ZXIubW9iaWxlID0gIiI7CiAgICAgIH0KICAgIH0sCgogICAgLy8g5rOo5YaMCiAgICBhc3luYyBSZWdpc3RlcigpIHsKICAgICAgaWYgKCF0aGlzLmxvZ2luX3JlZ2lzdGVyLm1vYmlsZSkgewogICAgICAgIHRoaXMubG9naW5fcmVnaXN0ZXJfbW9iaWxlID0gdHJ1ZTsKICAgICAgfQoKICAgICAgaWYgKCF0aGlzLmxvZ2luX3JlZ2lzdGVyLnNtc0NvZGUpIHsKICAgICAgICB0aGlzLmxvZ2luX3JlZ2lzdGVyX3Ntc0NvZGUgPSB0cnVlOwogICAgICB9CgogICAgICBpZiAoIXRoaXMubG9naW5fcmVnaXN0ZXIucGFzc3dvcmQpIHsKICAgICAgICB0aGlzLmxvZ2luX3JlZ2lzdGVyX3Bhc3N3b3JkID0gdHJ1ZTsKICAgICAgfQoKICAgICAgY29uc3QgaXNTdWIgPSBPYmplY3QudmFsdWVzKHRoaXMubG9naW5fcmVnaXN0ZXIpLmV2ZXJ5KGl0ZW0gPT4gISFpdGVtKTsgLy8g5rOo5YaM6L+H55qE5omL5py65Y+35LiN5YWB6K645o+Q5LqkCgogICAgICBpZiAoIWlzU3ViKSB7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICB0cnkgewogICAgICAgIHRoaXMuYnRuX2xvYWRpbmcgPSB0cnVlOwogICAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCBSZWdpc3Rlcih7CiAgICAgICAgICBtb2JpbGU6IHRoaXMubG9naW5fcmVnaXN0ZXIubW9iaWxlLAogICAgICAgICAgcGFzc3dvcmQ6IHRoaXMubG9naW5fcmVnaXN0ZXIucGFzc3dvcmQsCiAgICAgICAgICByZXBlYXRQYXNzd29yZDogdGhpcy5sb2dpbl9yZWdpc3Rlci5wYXNzd29yZCwKICAgICAgICAgIHNvdXJjZTogIjYiLAogICAgICAgICAgc21zQ29kZTogdGhpcy5sb2dpbl9yZWdpc3Rlci5zbXNDb2RlCiAgICAgICAgfSk7CiAgICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgICB0eXBlOiAic3VjY2VzcyIsCiAgICAgICAgICBtZXNzYWdlOiAi5rOo5YaM5oiQ5YqfIgogICAgICAgIH0pOwogICAgICAgIHRoaXMuYnRuX2xvYWRpbmcgPSBmYWxzZTsKICAgICAgICB0aGlzLiRlbWl0KCJyZWdpc3RlclN1Y2Nlc3MiKTsKICAgICAgfSBmaW5hbGx5IHsKICAgICAgICB0aGlzLmJ0bl9sb2FkaW5nID0gZmFsc2U7CiAgICAgIH0KICAgIH0sCgogICAgbG9va1B3ZCgpIHsKICAgICAgdGhpcy5sb2dpbl9yZWdpc3Rlcl9sb29rID0gIXRoaXMubG9naW5fcmVnaXN0ZXJfbG9vazsKICAgIH0sCgogICAgLy8g5Y+R6YCB6aqM6K+B56CBCiAgICBhc3luYyBnZXRZem0obW9iaWxlLCBzb3VyY2UpIHsKICAgICAgaWYgKCFtb2JpbGUpIHsKICAgICAgICB0aGlzLiRtZXNzYWdlKHsKICAgICAgICAgIHR5cGU6ICJlcnJvciIsCiAgICAgICAgICBtZXNzYWdlOiAi6K+36L6T5YWl5omL5py65Y+3IgogICAgICAgIH0pOwogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IHNlbmRNb2JpbGVDb2RlKHsKICAgICAgICBkb21haW46IHRoaXMuZG9tYWluLAogICAgICAgIG1vYmlsZTogbW9iaWxlLAogICAgICAgIHNvdXJjZTogc291cmNlCiAgICAgIH0pOwogICAgICB0aGlzLiRtZXNzYWdlKHsKICAgICAgICB0eXBlOiAic3VjY2VzcyIsCiAgICAgICAgbWVzc2FnZTogIuWPkemAgeaIkOWKnyIKICAgICAgfSk7CiAgICAgIHRoaXMudGltZVRvVGltZSgiaXNfZGlzX3l6bSIsICJzZWNvbmRfbnVtIik7CiAgICB9LAoKICAgIC8vIOmqjOivgeeggeWAkuiuoeaXtgogICAgdGltZVRvVGltZShpcywgbnVtKSB7CiAgICAgIHRoaXNbaXNdID0gdHJ1ZTsKICAgICAgdGhpc1tudW1dID0gNjA7CiAgICAgIGNvbnN0IHNlY29uZE51bUluID0gc2V0SW50ZXJ2YWwoKCkgPT4gewogICAgICAgIHRoaXNbbnVtXS0tOwoKICAgICAgICBpZiAodGhpc1tudW1dID09PSAwKSB7CiAgICAgICAgICBjbGVhckludGVydmFsKHNlY29uZE51bUluKTsKICAgICAgICAgIHRoaXNbaXNdID0gZmFsc2U7CiAgICAgICAgfQogICAgICB9LCAxMDAwKTsKICAgIH0sCgogICAgbG9naW5TdWJtaXQoKSB7CiAgICAgIHRoaXMuYnRuX2xvYWRpbmcgPSBmYWxzZTsKICAgICAgdGhpcy4kZW1pdCgicmVnaXN0ZXJTdWNjZXNzIik7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA;AACA;AACA;EACAA,gBADA;;EAEAC;IACA;MACAC,aADA;MAEAC,4BAFA;MAGAC,8BAHA;MAIAC,6BAJA;MAKAC,0BALA;MAMAC,kBANA;MAOAC;QACAC,UADA;QAEAC,WAFA;QAGAC;MAHA,CAPA;MAYAC,cAZA;MAaAC,iBAbA;MAcAC;IAdA;EAgBA,CAnBA;;EAoBAC;IACA;MACA;IACA,CAFA,MAEA;MACA;IACA;EACA,CA1BA;;EA2BAC;IACA;IACAC;MACA;;MACA;QACA;UACAf;UACA;UACAgB;;UACA;YACAC;YACA;UACA;QACA,CARA,EAQA,IARA;MASA;IACA,CAfA;;IAgBAC;MACA;;MACA;QACA;MACA;IACA,CArBA;;IAsBAC;MACA;IACA,CAxBA;;IAyBA;IACA;MACA;;MACA;QACA;MACA;;MACA;QAAApB;MAAA;;MACA;QACA;QACA;MACA;IACA,CApCA;;IAqCA;IACA;MACA;QACA;MACA;;MACA;QACA;MACA;;MACA;QACA;MACA;;MACA,uDACAqB,cADA,EAVA,CAaA;;MACA;QACA;MACA;;MACA;QACA;QACA;UACAb,kCADA;UAEAE,sCAFA;UAGAY,4CAHA;UAIAC,WAJA;UAKAd;QALA;QAQA;UACAe,eADA;UAEAC;QAFA;QAIA;QACA;MACA,CAhBA,SAgBA;QACA;MACA;IACA,CA1EA;;IA2EAC;MACA;IACA,CA7EA;;IA8EA;IACA;MACA;QACA;UACAF,aADA;UAEAC;QAFA;QAIA;MACA;;MACA;QACAZ,mBADA;QAEAL,cAFA;QAGAe;MAHA;MAMA;QACAC,eADA;QAEAC;MAFA;MAIA;IACA,CAlGA;;IAmGA;IACAE;MACA;MACA;MACA;QACA;;QACA;UACAT;UACA;QACA;MACA,CANA,EAMA,IANA;IAOA,CA9GA;;IA+GAU;MACA;MACA;IACA;;EAlHA;AA3BA","names":["name","data","time","login_register_mobile","login_register_password","login_register_smsCode","login_register_look","btn_loading","login_register","mobile","smsCode","password","second_num","is_dis_yzm","domain","created","methods","timer","console","clearInterval","inputBlur","inputFocus","item","repeatPassword","source","type","message","lookPwd","timeToTime","loginSubmit"],"sourceRoot":"src/views/login/components","sources":["register.vue"],"sourcesContent":["<template>\n  <div class=\"account-login-wrapper register-wrapper\">\n    <div class=\"account-input-list\">\n      <div class=\"account-input-item\">\n        <div class=\"phoneWrapper\">\n          <!--          <p-->\n          <!--            class=\"inputText\"-->\n          <!--            :class=\"[!!login_register.mobile ? 'inputTextFocus' : '']\"-->\n          <!--          >-->\n          <!--            手机号/帐号-->\n          <!--          </p>-->\n          <div class=\"inputBox\" :class=\"[login_register_mobile ? 'alert' : '']\">\n            <input\n              v-model=\"login_register.mobile\"\n              placeholder=\"手机号/帐号\"\n              type=\"text\"\n              maxlength=\"50\"\n              @blur=\"inputBlur($event, 'mobile')\"\n              @focus=\"inputFocus($event, 'mobile')\"\n            />\n            <p class=\"inputAlert hasTitle\">请输入正确的帐号</p>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"account-input-item\"\n        :class=\"[login_register_password ? 'alert' : '']\"\n      >\n        <div class=\"phoneWrapper invalidPhoneWrapper\">\n          <!--          <p-->\n          <!--            class=\"inputText\"-->\n          <!--            :class=\"[!!login_register.smsCode ? 'inputTextFocus' : '']\"-->\n          <!--          >-->\n          <!--            验证码-->\n          <!--          </p>-->\n          <div\n            class=\"inputBox\"\n            style=\"width: 200px; height: 40px\"\n            :class=\"[login_register_smsCode ? 'alert' : '']\"\n          >\n            <input\n              v-model=\"login_register.smsCode\"\n              placeholder=\"请输入验证码\"\n              type=\"text\"\n              maxlength=\"50\"\n              @blur=\"inputBlur($event, 'smsCode')\"\n              @focus=\"inputFocus($event, 'smsCode')\"\n            />\n            <p class=\"inputAlert hasTitle\">请输入短信验证码</p>\n            <div\n              v-if=\"!is_dis_yzm\"\n              class=\"verify-code-box float_right\"\n              @click=\"getYzm(login_register.mobile, '1')\"\n            >\n              <span class=\"blueBtn verify-btn\" @click=\"timer\">{{ time }}</span>\n            </div>\n            <div v-else class=\"verify-code-box float_right\">\n              <span class=\"blueBtn verify-btn grey\">\n                {{ second_num }}s重新获取\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"account-input-item\">\n        <div class=\"passwordWrapper\">\n          <!--          <p-->\n          <!--            class=\"inputText\"-->\n          <!--            :class=\"[!!login_register.password ? 'inputTextFocus' : '']\"-->\n          <!--          >-->\n          <!--            密码-->\n          <!--          </p>-->\n          <div\n            class=\"inputBox\"\n            :class=\"[login_register_password ? 'alert' : '']\"\n          >\n            <input\n              v-model=\"login_register.password\"\n              placeholder=\"设置6-20个字符的密码\"\n              :type=\"login_register_look ? 'text' : 'password'\"\n              maxlength=\"50\"\n              @blur=\"inputBlur($event, 'password')\"\n              @focus=\"inputFocus($event, 'password')\"\n            />\n            <i\n              :class=\"[\n                login_register_look ? 'icon-xianshimima' : 'icon-yincangmima',\n              ]\"\n              class=\"iconfont eyes\"\n              @click=\"lookPwd\"\n            ></i>\n            <p class=\"inputAlert hasTitle\">请输入正确的密码</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <el-button\n      :loading=\"btn_loading\"\n      type=\"primary\"\n      class=\"register-btn big-button\"\n      @click=\"Register\"\n    >\n      立即注册\n    </el-button>\n    <p class=\"find-pass-des float_left\" @click=\"loginSubmit\">\n      已有账号？\n      <a href=\"javascript:\">立即登录</a>\n    </p>\n  </div>\n</template>\n\n<script>\n  import { Register, mobileIsRegister } from \"@/api/user\";\n  import { sendMobileCode } from \"@/api/common\";\n  export default {\n    name: \"Register\",\n    data() {\n      return {\n        time: \"获取验证码\",\n        login_register_mobile: false,\n        login_register_password: false,\n        login_register_smsCode: false,\n        login_register_look: false,\n        btn_loading: false,\n        login_register: {\n          mobile: \"\",\n          smsCode: \"\",\n          password: \"\",\n        },\n        second_num: 60,\n        is_dis_yzm: false,\n        domain: \"\",\n      };\n    },\n    created() {\n      if (window.location.hostname === \"localhost\") {\n        this.domain = \"dev.qianniao.vip\";\n      } else {\n        this.domain = window.location.hostname;\n      }\n    },\n    methods: {\n      // 验证码\n      timer() {\n        let time = 3;\n        if (login_register.mobile !== \"\") {\n          var tim = setInterval(() => {\n            time--;\n            this.time = time;\n            console.log(time);\n            if (time < 0) {\n              clearInterval(tim);\n              this.time = \"获取验证码\";\n            }\n          }, 1000);\n        }\n      },\n      inputBlur(e, prop) {\n        this[\"login_register_\" + prop] = !this.login_register[prop];\n        if (prop === \"mobile\") {\n          this.mobileIsRegister();\n        }\n      },\n      inputFocus(e, prop) {\n        this[\"login_register_\" + prop] = false;\n      },\n      // 判断手机号是否注册\n      async mobileIsRegister() {\n        const re = /^1[3456789]\\d{9}$/;\n        if (!re.test(this.login_register.mobile)) {\n          return;\n        }\n        const { data } = await mobileIsRegister(this.login_register.mobile);\n        if (data) {\n          this.$message.warning(\"该手机号已被注册！\");\n          this.login_register.mobile = \"\";\n        }\n      },\n      // 注册\n      async Register() {\n        if (!this.login_register.mobile) {\n          this.login_register_mobile = true;\n        }\n        if (!this.login_register.smsCode) {\n          this.login_register_smsCode = true;\n        }\n        if (!this.login_register.password) {\n          this.login_register_password = true;\n        }\n        const isSub = Object.values(this.login_register).every(\n          (item) => !!item\n        );\n        // 注册过的手机号不允许提交\n        if (!isSub) {\n          return;\n        }\n        try {\n          this.btn_loading = true;\n          const data = await Register({\n            mobile: this.login_register.mobile,\n            password: this.login_register.password,\n            repeatPassword: this.login_register.password,\n            source: \"6\",\n            smsCode: this.login_register.smsCode,\n          });\n\n          this.$message({\n            type: \"success\",\n            message: \"注册成功\",\n          });\n          this.btn_loading = false;\n          this.$emit(\"registerSuccess\");\n        } finally {\n          this.btn_loading = false;\n        }\n      },\n      lookPwd() {\n        this.login_register_look = !this.login_register_look;\n      },\n      // 发送验证码\n      async getYzm(mobile, source) {\n        if (!mobile) {\n          this.$message({\n            type: \"error\",\n            message: \"请输入手机号\",\n          });\n          return;\n        }\n        const data = await sendMobileCode({\n          domain: this.domain,\n          mobile: mobile,\n          source: source,\n        });\n\n        this.$message({\n          type: \"success\",\n          message: \"发送成功\",\n        });\n        this.timeToTime(\"is_dis_yzm\", \"second_num\");\n      },\n      // 验证码倒计时\n      timeToTime(is, num) {\n        this[is] = true;\n        this[num] = 60;\n        const secondNumIn = setInterval(() => {\n          this[num]--;\n          if (this[num] === 0) {\n            clearInterval(secondNumIn);\n            this[is] = false;\n          }\n        }, 1000);\n      },\n      loginSubmit() {\n        this.btn_loading = false;\n        this.$emit(\"registerSuccess\");\n      },\n    },\n  };\n</script>\n\n<style scoped lang=\"scss\">\n  .account-login-wrapper {\n    .find-pass-des {\n      color: #879bba;\n      font-size: 14px;\n      a {\n        color: #2153d4;\n        font-size: 14px;\n      }\n    }\n    .register-btn {\n      margin-bottom: 16px;\n      width: 320px;\n      height: 42px;\n      text-align: center;\n      font-size: 16px;\n      /*line-height: 56px;*/\n      border: none;\n      cursor: pointer;\n      background-color: #2153d4;\n      outline: none;\n      font-family: SourceHanSansCN-Medium, SourceHanSansCN;\n      font-weight: 500;\n      color: #ffffff;\n      //letter-spacing: 2px;\n    }\n    .big-button {\n      border-radius: 2px;\n      &.grey {\n        color: #b2b2b2;\n        border-color: #b2b2b2;\n        cursor: auto;\n        &:hover {\n          background-color: transparent;\n          color: #b2b2b2;\n        }\n      }\n    }\n    .account-input-item {\n      margin-bottom: 24px;\n      .inputText {\n        color: #999;\n        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        font-size: 16px;\n        margin: 0;\n        line-height: 35px;\n        transform: translate3d(0, 28px, 0) scale(1);\n        transform-origin: left top;\n        position: absolute;\n        bottom: 30px;\n      }\n      .inputAlert {\n        display: block;\n        color: #ff3366;\n        font-size: 12px;\n        margin: 0;\n        line-height: 12px;\n        position: absolute;\n        right: 0;\n        bottom: -18px;\n      }\n      .inputBox {\n        position: relative;\n        width: 100%;\n        height: 40px;\n        .inputAlert {\n          display: none;\n          &.hasTitle {\n            margin-left: 66px;\n          }\n        }\n        input {\n          padding-left: 16px;\n          font-size: 16px;\n          outline: none;\n          box-shadow: none;\n          width: 100%;\n          line-height: 40px;\n          height: 40px;\n          display: block;\n          position: absolute;\n          left: 0;\n          top: 0;\n          border: solid 1px #cad0d7;\n          background: transparent;\n          color: #333;\n          transition: all 0.2s linear;\n          border-radius: 3px;\n          &:focus {\n            border: 1px solid #2a75ed;\n            border-radius: 3px;\n          }\n        }\n        &.alert {\n          input {\n            border-color: #cad0d7;\n          }\n        }\n      }\n      .inputTextFocus {\n        transform: translateZ(0) scale(0.75);\n      }\n      .phoneWrapper {\n        color: #353535;\n        position: relative;\n      }\n      .passwordWrapper {\n        color: #353535;\n        position: relative;\n        .eyes {\n          position: absolute;\n          bottom: 5px;\n          right: 17px;\n          color: #2d405e;\n          cursor: pointer;\n          font-size: 24px;\n        }\n      }\n      .invalidPhoneWrapper {\n        .verify-code-box {\n          position: relative;\n          top: -10px;\n          z-index: 1;\n          .verify-btn {\n            background-color: transparent;\n            color: #105cfb;\n          }\n          .verify-btn:hover {\n            color: #ffffff;\n            background: #3f7cfb;\n          }\n\n          .blueBtn {\n            position: absolute;\n            top: 10px;\n            left: 12px;\n            width: 108px;\n            height: 40px;\n            border-radius: 2px;\n            border: 1px solid #2153d4;\n            line-height: 40px;\n            display: inline-block;\n            text-align: center;\n            background: #fff;\n            cursor: pointer;\n            font-size: 14px;\n            font-family: SourceHanSansCN-Medium, SourceHanSansCN;\n            font-weight: 500;\n            color: #2153d4;\n          }\n        }\n      }\n    }\n  }\n</style>\n"]}]}