You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
20 KiB
1 line
20 KiB
{"remainingRequest":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\Git\\CampusVolunteer\\admin\\src\\views\\register.vue?vue&type=script&lang=js","dependencies":[{"path":"E:\\Git\\CampusVolunteer\\admin\\src\\views\\register.vue","mtime":1744272066616},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1744272061491},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1744272061147},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1744272061491},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1744272066096}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBydWxlRm9ybTogew0KICAgICAgfSwNCiAgICAgIHRhYmxlTmFtZToiIiwNCiAgICAgIHJ1bGVzOiB7fSwNCiAgICB9Ow0KICB9LA0KICBtb3VudGVkKCl7DQogICAgbGV0IHRhYmxlID0gdGhpcy4kc3RvcmFnZS5nZXQoImxvZ2luVGFibGUiKTsNCiAgICB0aGlzLnRhYmxlTmFtZSA9IHRhYmxlOw0KICAgICAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICANCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOiOt+WPlnV1aWQNCiAgICBnZXRVVUlEICgpIHsNCiAgICAgIHJldHVybiBuZXcgRGF0ZSgpLmdldFRpbWUoKTsNCiAgICB9LA0KICAgIGNsb3NlKCl7DQoJdGhpcy4kcm91dGVyLnB1c2goeyBwYXRoOiAiL2xvZ2luIiB9KTsNCiAgICB9LA0KICAgIC8vIOazqOWGjA0KICAgIGxvZ2luKCkgew0KCXZhciB1cmw9dGhpcy50YWJsZU5hbWUrIi9yZWdpc3RlciI7DQogICAgICBpZigoIXRoaXMucnVsZUZvcm0ueHVlaGFvKSAmJiBgemhpeXVhbnpoZWAgPT0gdGhpcy50YWJsZU5hbWUpew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGDlrablj7fkuI3og73kuLrnqbpgKTsNCiAgICAgICAgcmV0dXJuDQogICAgICB9DQogICAgICBpZih0aGlzLnJ1bGVGb3JtLnh1ZWhhbyAmJiAodGhpcy5ydWxlRm9ybS54dWVoYW8ubGVuZ3RoPDgpICYmIGB6aGl5dWFuemhlYCA9PSB0aGlzLnRhYmxlTmFtZSl7DQogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoYOWtpuWPt+mVv+W6puS4jeiDveWwj+S6jjhgKTsNCiAgICAgICAgcmV0dXJuDQogICAgICB9DQogICAgICBpZigoIXRoaXMucnVsZUZvcm0ubWltYSkgJiYgYHpoaXl1YW56aGVgID09IHRoaXMudGFibGVOYW1lKXsNCiAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihg5a+G56CB5LiN6IO95Li656m6YCk7DQogICAgICAgIHJldHVybg0KICAgICAgfQ0KICAgICAgaWYoKHRoaXMucnVsZUZvcm0ubWltYSE9dGhpcy5ydWxlRm9ybS5taW1hMikgJiYgYHpoaXl1YW56aGVgID09IHRoaXMudGFibGVOYW1lKXsNCgkgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihg5Lik5qyh5a+G56CB6L6T5YWl5LiN5LiA6Ie0YCk7DQoJICAgIHJldHVybg0KICAgICAgfQ0KICAgICAgaWYoKCF0aGlzLnJ1bGVGb3JtLnhpbmdtaW5nKSAmJiBgemhpeXVhbnpoZWAgPT0gdGhpcy50YWJsZU5hbWUpew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGDlp5PlkI3kuI3og73kuLrnqbpgKTsNCiAgICAgICAgcmV0dXJuDQogICAgICB9DQogICAgICBpZigoIXRoaXMucnVsZUZvcm0ueW91eGlhbmcpICYmIGB6aGl5dWFuemhlYCA9PSB0aGlzLnRhYmxlTmFtZSl7DQogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoYOmCrueuseS4jeiDveS4uuepumApOw0KICAgICAgICByZXR1cm4NCiAgICAgIH0NCiAgICAgIGlmKGB6aGl5dWFuemhlYCA9PSB0aGlzLnRhYmxlTmFtZSAmJiB0aGlzLnJ1bGVGb3JtLnlvdXhpYW5nJiYoIXRoaXMuJHZhbGlkYXRlLmlzRW1haWwodGhpcy5ydWxlRm9ybS55b3V4aWFuZykpKXsNCiAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihg6YKu566x5bqU6L6T5YWl6YKu5Lu25qC85byPYCk7DQogICAgICAgIHJldHVybg0KICAgICAgfQ0KICAgICAgaWYoKCF0aGlzLnJ1bGVGb3JtLnNob3VqaSkgJiYgYHpoaXl1YW56aGVgID09IHRoaXMudGFibGVOYW1lKXsNCiAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihg5omL5py65LiN6IO95Li656m6YCk7DQogICAgICAgIHJldHVybg0KICAgICAgfQ0KICAgICAgaWYoYHpoaXl1YW56aGVgID09IHRoaXMudGFibGVOYW1lICYmIHRoaXMucnVsZUZvcm0uc2hvdWppJiYoIXRoaXMuJHZhbGlkYXRlLmlzTW9iaWxlKHRoaXMucnVsZUZvcm0uc2hvdWppKSkpew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGDmiYvmnLrlupTovpPlhaXmiYvmnLrmoLzlvI9gKTsNCiAgICAgICAgcmV0dXJuDQogICAgICB9DQogICAgICB0aGlzLiRodHRwKHsNCiAgICAgICAgdXJsOiB1cmwsDQogICAgICAgIG1ldGhvZDogInBvc3QiLA0KICAgICAgICBkYXRhOnRoaXMucnVsZUZvcm0NCiAgICAgIH0pLnRoZW4oKHsgZGF0YSB9KSA9PiB7DQogICAgICAgIGlmIChkYXRhICYmIGRhdGEuY29kZSA9PT0gMCkgew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgbWVzc2FnZTogIuazqOWGjOaIkOWKnyIsDQogICAgICAgICAgICB0eXBlOiAic3VjY2VzcyIsDQogICAgICAgICAgICBkdXJhdGlvbjogMTUwMCwNCiAgICAgICAgICAgIG9uQ2xvc2U6ICgpID0+IHsNCiAgICAgICAgICAgICAgdGhpcy4kcm91dGVyLnJlcGxhY2UoeyBwYXRoOiAiL2xvZ2luIiB9KTsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9KTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGRhdGEubXNnKTsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfQ0KICB9DQp9Ow0K"},{"version":3,"sources":["register.vue"],"names":[],"mappings":";;;AA0FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"register.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div>\r\n <div class=\"container\">\r\n <div class=\"login-form\">\r\n <h1 class=\"h1\">校园志愿者管理系统注册</h1>\r\n\t\t<el-form ref=\"rgsForm\" class=\"rgs-form\" :model=\"rgsForm\">\r\n\t\t\t<!-- <div v-if=\"tableName=='zhiyuanzhe'\" class=\"input-group\">\r\n\t\t\t <div class=\"label\">学号</div>\r\n\t\t\t <div class=\"input-container\">\r\n\t\t\t <input v-model=\"ruleForm.xuehao\" class=\"input\" type=\"text\" placeholder=\"学号\">\r\n\t\t\t </div>\r\n\t\t\t </div> -->\r\n\t\t\t<el-form-item label=\"学号\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.xuehao\" autocomplete=\"off\" placeholder=\"学号\" />\r\n\t\t\t</el-form-item>\r\n\t\t\t<!-- <div v-if=\"tableName=='zhiyuanzhe'\" class=\"input-group\">\r\n\t\t\t <div class=\"label\">密码</div>\r\n\t\t\t <div class=\"input-container\">\r\n\t\t\t <input v-model=\"ruleForm.mima\" class=\"input\" type=\"text\" placeholder=\"密码\">\r\n\t\t\t </div>\r\n\t\t\t </div> -->\r\n\t\t\t<el-form-item label=\"密码\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.mima\" autocomplete=\"off\" placeholder=\"密码\" type=\"password\"#elsetype=\"text\" />\r\n\t\t\t</el-form-item>\r\n\t\t\t<el-form-item label=\"确认密码\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.mima2\" autocomplete=\"off\" placeholder=\"确认密码\" type=\"password\"/>\r\n\t\t\t</el-form-item>\r\n\r\n\t\t\t<!-- <div v-if=\"tableName=='zhiyuanzhe'\" class=\"input-group\">\r\n\t\t\t <div class=\"label\">姓名</div>\r\n\t\t\t <div class=\"input-container\">\r\n\t\t\t <input v-model=\"ruleForm.xingming\" class=\"input\" type=\"text\" placeholder=\"姓名\">\r\n\t\t\t </div>\r\n\t\t\t </div> -->\r\n\t\t\t<el-form-item label=\"姓名\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.xingming\" autocomplete=\"off\" placeholder=\"姓名\" />\r\n\t\t\t</el-form-item>\r\n\t\t\t<!-- <div v-if=\"tableName=='zhiyuanzhe'\" class=\"input-group\">\r\n\t\t\t <div class=\"label\">年龄</div>\r\n\t\t\t <div class=\"input-container\">\r\n\t\t\t <input v-model=\"ruleForm.nianling\" class=\"input\" type=\"text\" placeholder=\"年龄\">\r\n\t\t\t </div>\r\n\t\t\t </div> -->\r\n\t\t\t<el-form-item label=\"年龄\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.nianling\" autocomplete=\"off\" placeholder=\"年龄\" />\r\n\t\t\t</el-form-item>\r\n\t\t\t<!-- <div v-if=\"tableName=='zhiyuanzhe'\" class=\"input-group\">\r\n\t\t\t <div class=\"label\">班级</div>\r\n\t\t\t <div class=\"input-container\">\r\n\t\t\t <input v-model=\"ruleForm.banji\" class=\"input\" type=\"text\" placeholder=\"班级\">\r\n\t\t\t </div>\r\n\t\t\t </div> -->\r\n\t\t\t<el-form-item label=\"班级\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.banji\" autocomplete=\"off\" placeholder=\"班级\" />\r\n\t\t\t</el-form-item>\r\n\t\t\t<!-- <div v-if=\"tableName=='zhiyuanzhe'\" class=\"input-group\">\r\n\t\t\t <div class=\"label\">邮箱</div>\r\n\t\t\t <div class=\"input-container\">\r\n\t\t\t <input v-model=\"ruleForm.youxiang\" class=\"input\" type=\"text\" placeholder=\"邮箱\">\r\n\t\t\t </div>\r\n\t\t\t </div> -->\r\n\t\t\t<el-form-item label=\"邮箱\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.youxiang\" autocomplete=\"off\" placeholder=\"邮箱\" />\r\n\t\t\t</el-form-item>\r\n\t\t\t<!-- <div v-if=\"tableName=='zhiyuanzhe'\" class=\"input-group\">\r\n\t\t\t <div class=\"label\">手机</div>\r\n\t\t\t <div class=\"input-container\">\r\n\t\t\t <input v-model=\"ruleForm.shouji\" class=\"input\" type=\"text\" placeholder=\"手机\">\r\n\t\t\t </div>\r\n\t\t\t </div> -->\r\n\t\t\t<el-form-item label=\"手机\" class=\"input\" v-if=\"tableName=='zhiyuanzhe'\">\r\n\t\t\t <el-input v-model=\"ruleForm.shouji\" autocomplete=\"off\" placeholder=\"手机\" />\r\n\t\t\t</el-form-item>\r\n\t\t\t<div style=\"display: flex;flex-wrap: wrap;width: 100%;justify-content: center;\">\r\n\t\t\t\t<el-button class=\"btn\" type=\"primary\" @click=\"login()\">注册</el-button>\r\n\t\t\t\t<el-button class=\"btn close\" type=\"primary\" @click=\"close()\">取消</el-button>\r\n\t\t\t</div>\r\n\t\t</el-form>\r\n </div>\r\n <!-- <div class=\"nk-navigation\">\r\n <a href=\"#\">\r\n <div @click=\"login()\">注册</div>\r\n </a>\r\n </div> -->\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\n\r\n\r\nexport default {\r\n data() {\r\n return {\r\n ruleForm: {\r\n },\r\n tableName:\"\",\r\n rules: {},\r\n };\r\n },\r\n mounted(){\r\n let table = this.$storage.get(\"loginTable\");\r\n this.tableName = table;\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n // 获取uuid\r\n getUUID () {\r\n return new Date().getTime();\r\n },\r\n close(){\r\n\tthis.$router.push({ path: \"/login\" });\r\n },\r\n // 注册\r\n login() {\r\n\tvar url=this.tableName+\"/register\";\r\n if((!this.ruleForm.xuehao) && `zhiyuanzhe` == this.tableName){\r\n this.$message.error(`学号不能为空`);\r\n return\r\n }\r\n if(this.ruleForm.xuehao && (this.ruleForm.xuehao.length<8) && `zhiyuanzhe` == this.tableName){\r\n this.$message.error(`学号长度不能小于8`);\r\n return\r\n }\r\n if((!this.ruleForm.mima) && `zhiyuanzhe` == this.tableName){\r\n this.$message.error(`密码不能为空`);\r\n return\r\n }\r\n if((this.ruleForm.mima!=this.ruleForm.mima2) && `zhiyuanzhe` == this.tableName){\r\n\t this.$message.error(`两次密码输入不一致`);\r\n\t return\r\n }\r\n if((!this.ruleForm.xingming) && `zhiyuanzhe` == this.tableName){\r\n this.$message.error(`姓名不能为空`);\r\n return\r\n }\r\n if((!this.ruleForm.youxiang) && `zhiyuanzhe` == this.tableName){\r\n this.$message.error(`邮箱不能为空`);\r\n return\r\n }\r\n if(`zhiyuanzhe` == this.tableName && this.ruleForm.youxiang&&(!this.$validate.isEmail(this.ruleForm.youxiang))){\r\n this.$message.error(`邮箱应输入邮件格式`);\r\n return\r\n }\r\n if((!this.ruleForm.shouji) && `zhiyuanzhe` == this.tableName){\r\n this.$message.error(`手机不能为空`);\r\n return\r\n }\r\n if(`zhiyuanzhe` == this.tableName && this.ruleForm.shouji&&(!this.$validate.isMobile(this.ruleForm.shouji))){\r\n this.$message.error(`手机应输入手机格式`);\r\n return\r\n }\r\n this.$http({\r\n url: url,\r\n method: \"post\",\r\n data:this.ruleForm\r\n }).then(({ data }) => {\r\n if (data && data.code === 0) {\r\n this.$message({\r\n message: \"注册成功\",\r\n type: \"success\",\r\n duration: 1500,\r\n onClose: () => {\r\n this.$router.replace({ path: \"/login\" });\r\n }\r\n });\r\n } else {\r\n this.$message.error(data.msg);\r\n }\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\t.el-radio__input.is-checked .el-radio__inner {\r\n\t\tborder-color: #00c292;\r\n\t\tbackground: #00c292;\r\n\t}\r\n\r\n\t.el-radio__input.is-checked .el-radio__inner {\r\n\t\tborder-color: #00c292;\r\n\t\tbackground: #00c292;\r\n\t}\r\n\r\n\t.el-radio__input.is-checked .el-radio__inner {\r\n\t\tborder-color: #00c292;\r\n\t\tbackground: #00c292;\r\n\t}\r\n\r\n\t.el-radio__input.is-checked+.el-radio__label {\r\n\t\tcolor: #00c292;\r\n\t}\r\n\r\n\t.el-radio__input.is-checked+.el-radio__label {\r\n\t\tcolor: #00c292;\r\n\t}\r\n\r\n\t.el-radio__input.is-checked+.el-radio__label {\r\n\t\tcolor: #00c292;\r\n\t}\r\n\r\n\t.h1 {\r\n\t\tmargin-top: 10px;\r\n\t}\r\n\r\n\tbody {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t// .container {\r\n // min-height: 100vh;\r\n // text-align: center;\r\n // // background-color: #00c292;\r\n // padding-top: 20vh;\r\n // background-image: url(../assets/img/bg.jpg);\r\n // background-size: 100% 100%;\r\n // opacity: 0.9;\r\n // }\r\n\r\n\t// .login-form:before {\r\n\t// \tvertical-align: middle;\r\n\t// \tdisplay: inline-block;\r\n\t// }\r\n\r\n\t// .login-form {\r\n\t// \tmax-width: 500px;\r\n\t// \tpadding: 20px 0;\r\n\t// \twidth: 80%;\r\n\t// \tposition: relative;\r\n\t// \tmargin: 0 auto;\r\n\r\n\t// \t.label {\r\n\t// \t\tmin-width: 60px;\r\n\t// \t}\r\n\r\n\t// \t.input-group {\r\n\t// \t\tmax-width: 500px;\r\n\t// \t\tpadding: 20px 0;\r\n\t// \t\twidth: 80%;\r\n\t// \t\tposition: relative;\r\n\t// \t\tmargin: 0 auto;\r\n\t// \t\tdisplay: flex;\r\n\t// \t\talign-items: center;\r\n\r\n\t// \t\t.input-container {\r\n\t// \t\t\tdisplay: inline-block;\r\n\t// \t\t\twidth: 100%;\r\n\t// \t\t\ttext-align: left;\r\n\t// \t\t\tmargin-left: 10px;\r\n\t// \t\t}\r\n\r\n\t// \t\t.icon {\r\n\t// \t\t\twidth: 30px;\r\n\t// \t\t\theight: 30px;\r\n\t// \t\t}\r\n\r\n\t// \t\t.input {\r\n\t// \t\t\tposition: relative;\r\n\t// \t\t\tz-index: 2;\r\n\t// \t\t\tfloat: left;\r\n\t// \t\t\twidth: 100%;\r\n\t// \t\t\tmargin-bottom: 0;\r\n\t// \t\t\tbox-shadow: none;\r\n\t// \t\t\tborder-top: 0px solid #ccc;\r\n\t// \t\t\tborder-left: 0px solid #ccc;\r\n\t// \t\t\tborder-right: 0px solid #ccc;\r\n\t// \t\t\tborder-bottom: 1px solid #ccc;\r\n\t// \t\t\tpadding: 0px;\r\n\t// \t\t\tresize: none;\r\n\t// \t\t\tborder-radius: 0px;\r\n\t// \t\t\tdisplay: block;\r\n\t// \t\t\twidth: 100%;\r\n\t// \t\t\theight: 34px;\r\n\t// \t\t\tpadding: 6px 12px;\r\n\t// \t\t\tfont-size: 14px;\r\n\t// \t\t\tline-height: 1.42857143;\r\n\t// \t\t\tcolor: #555;\r\n\t// \t\t\tbackground-color: #fff;\r\n\t// \t\t}\r\n\r\n\t// \t}\r\n\t// }\r\n\r\n\t.nk-navigation {\r\n\t\tmargin-top: 15px;\r\n\r\n\t\ta {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tcolor: #fff;\r\n\t\t\tbackground: rgba(255, 255, 255, .2);\r\n\t\t\twidth: 100px;\r\n\t\t\theight: 50px;\r\n\t\t\tborder-radius: 30px;\r\n\t\t\ttext-align: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 0 20px;\r\n\t\t}\r\n\r\n\t\t.icon {\r\n\t\t\tmargin-left: 10px;\r\n\t\t\twidth: 30px;\r\n\t\t\theight: 30px;\r\n\t\t}\r\n\t}\r\n\r\n\t.register-container {\r\n\t\tmargin-top: 10px;\r\n\r\n\t\ta {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tcolor: #fff;\r\n\t\t\tmax-width: 500px;\r\n\t\t\theight: 50px;\r\n\t\t\tborder-radius: 30px;\r\n\t\t\ttext-align: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 0 20px;\r\n\r\n\t\t\tdiv {\r\n\t\t\t\tmargin-left: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.container {\r\n\t\theight: 100vh;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n \t\t\t\tbackground-image: url(http://codegen.caihongy.cn/20220103/bec3fd4eb1404939a9c7ebc9b5d130ce.png);\r\n\t\t \r\n\t\t.login-form {\r\n\t\t\tright: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate3d(50%, -50%, 0);\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbackground-color: rgba(255,255,255,.5);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 500;\r\n box-sizing: border-box;\r\n\r\n\t\t\twidth: 420px;\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 15px;\r\n\t\t\tmargin: 0 370px 0 ;\r\n\t\t\tborder-radius: 100px 100px;\r\n\t\t\tborder-width: 0;\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(255,0,0,0);\r\n\t\t\tbackground-color: rgba(98, 190, 84, 1);\r\n\t\t\tbox-shadow: 0 0 6px rgba(255,0,0,.1);\r\n\r\n\t\t\t.h1 {\r\n\t\t\t\twidth: 80%;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tline-height:auto;\r\n\t\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin: 15px auto 20px;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tborder-width: 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: rgba(255,0,0,0);\r\n\t\t\t\tbackground-color: rgba(255,0,0,0);\r\n\t\t\t\tbox-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\r\n\t\t\t.rgs-form {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\r\n .el-form-item {\r\n width: 100%;\r\n display: flex;\r\n\r\n & /deep/ .el-form-item__content {\r\n flex: 1;\r\n display: flex;\r\n }\r\n }\r\n\r\n\t\t\t\t.input {\r\n width: 90%;\r\n height:auto;\r\n padding: 0;\r\n margin: 0 0 12px 0;\r\n border-radius: 0;\r\n border-width: 0;\r\n border-style: solid;\r\n border-color: rgba(255,0,0,0);\r\n background-color: rgba(255,0,0,0);\r\n box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\r\n\t\t\t\t\t& /deep/ .el-form-item__label {\r\n width: 70px;\r\n line-height:44px;\r\n color: rgba(255, 255, 255, 1);\r\n font-size: 14px;\r\n padding: 0 10px 0 0;\r\n margin: 0;\r\n border-radius: 0;\r\n border-width: 0;\r\n border-style: solid;\r\n border-color: rgba(255,0,0,0);\r\n background-color: rgba(255,0,0,0);\r\n box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t& /deep/ .el-input__inner {\r\n width: 100%;\r\n height: 44px;\r\n line-height:44px;\r\n color: #606266;\r\n font-size: 14px;\r\n padding: 0 12px;\r\n margin: 0;\r\n border-radius: 4px;\r\n border-width: 0px;\r\n border-style: solid;\r\n border-color: #606266;\r\n background-color: #fff;\r\n box-shadow: 0 0 6px rgba(255,0,0,0);\r\n text-align: left;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n .send-code {\r\n & /deep/ .el-input__inner {\r\n width: 180px;\r\n height: 44px;\r\n line-height:44px;\r\n color: #606266;\r\n font-size: 14px;\r\n padding: 0 12px;\r\n margin: 0;\r\n border-radius: 0;\r\n border-width: 1;\r\n border-style: solid;\r\n border-color: #606266;\r\n background-color: #fff;\r\n box-shadow: 0 0 6px rgba(255,0,0,0);\r\n text-align: left;\r\n }\r\n\r\n .register-code {\r\n margin: 0;\r\n padding: 0;\r\n width: 86px;\r\n height: 44px;\r\n line-height:44px;\r\n color: #fff;\r\n font-size: 14px;\r\n border-width: 0;\r\n border-style: solid;\r\n border-color: rgba(255,0,0,0);\r\n border-radius: 0;\r\n background-color: rgba(245, 170, 89, 1);\r\n box-shadow: 0 0 6px rgba(255,0,0,0);\r\n }\r\n }\r\n\r\n\t\t\t\t.btn {\r\n\t\t\t\t\tmargin: 0 10px;\r\n padding: 0;\r\n\t\t\t\t\twidth: 88px;\r\n\t\t\t\t\theight: 44px;\r\n line-height:44px;\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tborder-width: 1px;\r\n\t\t\t\t\tborder-style: solid;\r\n\t\t\t\t\tborder-color: rgba(245, 170, 89, 1);\r\n\t\t\t\t\tborder-radius: 4px;\r\n\t\t\t\t\tbackground-color: rgba(245, 170, 89, 1);\r\n box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.close {\r\n margin: 0 10px;\r\n padding: 0;\r\n width: 88px;\r\n height: 44px;\r\n line-height:44px;\r\n color: rgba(245, 170, 89, 1);\r\n font-size: 14px;\r\n border-width: 1px;\r\n border-style: solid;\r\n border-color: rgba(245, 170, 89, 1);\r\n border-radius: 4px;\r\n background-color: #FFF;\r\n box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>\r\n"]}]} |