1 |
- {"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\login\\components\\register.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\login\\components\\register.vue","mtime":1658212925343},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"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"]}]}
|