{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\views\\register.vue?vue&type=style&index=0&id=77453986&lang=scss&scoped=true&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\views\\register.vue","mtime":1649818276003},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1720078528809},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1720078529623},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1720078529188},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1720078528567},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQgLmVsLXJhZGlvX19pbm5lciB7CiAgICBib3JkZXItY29sb3I6ICMwMGMyOTI7CiAgICBiYWNrZ3JvdW5kOiAjMDBjMjkyOwp9CgouZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQgLmVsLXJhZGlvX19pbm5lciB7CiAgICBib3JkZXItY29sb3I6ICMwMGMyOTI7CiAgICBiYWNrZ3JvdW5kOiAjMDBjMjkyOwp9CgouZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQgLmVsLXJhZGlvX19pbm5lciB7CiAgICBib3JkZXItY29sb3I6ICMwMGMyOTI7CiAgICBiYWNrZ3JvdW5kOiAjMDBjMjkyOwp9CgouZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQrLmVsLXJhZGlvX19sYWJlbCB7CiAgICBjb2xvcjogIzAwYzI5MjsKfQoKLmVsLXJhZGlvX19pbnB1dC5pcy1jaGVja2VkKy5lbC1yYWRpb19fbGFiZWwgewogICAgY29sb3I6ICMwMGMyOTI7Cn0KCi5lbC1yYWRpb19faW5wdXQuaXMtY2hlY2tlZCsuZWwtcmFkaW9fX2xhYmVsIHsKICAgIGNvbG9yOiAjMDBjMjkyOwp9CgouaDEgewogICAgbWFyZ2luLXRvcDogMTBweDsKfQoKYm9keSB7CiAgICBwYWRkaW5nOiAwOwogICAgbWFyZ2luOiAwOwp9CgovLyAuY29udGFpbmVyIHsKICAgLy8gICAgbWluLWhlaWdodDogMTAwdmg7CiAgIC8vICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgLy8gICAgLy8gYmFja2dyb3VuZC1jb2xvcjogIzAwYzI5MjsKICAgLy8gICAgcGFkZGluZy10b3A6IDIwdmg7CiAgIC8vICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9hc3NldHMvaW1nL2JnLmpwZyk7CiAgIC8vICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOwogICAvLyAgICBvcGFjaXR5OiAwLjk7CiAgIC8vICB9CgovLyAubG9naW4tZm9ybTpiZWZvcmUgewogICAvLyAJdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICAgLy8gCWRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgLy8gfQoKLy8gLmxvZ2luLWZvcm0gewogICAvLyAJbWF4LXdpZHRoOiA1MDBweDsKICAgLy8gCXBhZGRpbmc6IDIwcHggMDsKICAgLy8gCXdpZHRoOiA4MCU7CiAgIC8vIAlwb3NpdGlvbjogcmVsYXRpdmU7CiAgIC8vIAltYXJnaW46IDAgYXV0bzsKCi8vIAkubGFiZWwgewogICAgICAvLyAJCW1pbi13aWR0aDogNjBweDsKICAgICAgLy8gCX0KCi8vIAkuaW5wdXQtZ3JvdXAgewogICAgICAvLyAJCW1heC13aWR0aDogNTAwcHg7CiAgICAgIC8vIAkJcGFkZGluZzogMjBweCAwOwogICAgICAvLyAJCXdpZHRoOiA4MCU7CiAgICAgIC8vIAkJcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAvLyAJCW1hcmdpbjogMCBhdXRvOwogICAgICAvLyAJCWRpc3BsYXk6IGZsZXg7CiAgICAgIC8vIAkJYWxpZ24taXRlbXM6IGNlbnRlcjsKCi8vIAkJLmlucHV0LWNvbnRhaW5lciB7CiAgICAgICAgICAvLyAJCQlkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgICAvLyAJCQl3aWR0aDogMTAwJTsKICAgICAgICAgIC8vIAkJCXRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgICAvLyAJCQltYXJnaW4tbGVmdDogMTBweDsKICAgICAgICAgIC8vIAkJfQoKLy8gCQkuaWNvbiB7CiAgICAgICAgICAvLyAJCQl3aWR0aDogMzBweDsKICAgICAgICAgIC8vIAkJCWhlaWdodDogMzBweDsKICAgICAgICAgIC8vIAkJfQoKLy8gCQkuaW5wdXQgewogICAgICAgICAgLy8gCQkJcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgICAgLy8gCQkJei1pbmRleDogMjsKICAgICAgICAgIC8vIAkJCWZsb2F0OiBsZWZ0OwogICAgICAgICAgLy8gCQkJd2lkdGg6IDEwMCU7CiAgICAgICAgICAvLyAJCQltYXJnaW4tYm90dG9tOiAwOwogICAgICAgICAgLy8gCQkJYm94LXNoYWRvdzogbm9uZTsKICAgICAgICAgIC8vIAkJCWJvcmRlci10b3A6IDBweCBzb2xpZCAjY2NjOwogICAgICAgICAgLy8gCQkJYm9yZGVyLWxlZnQ6IDBweCBzb2xpZCAjY2NjOwogICAgICAgICAgLy8gCQkJYm9yZGVyLXJpZ2h0OiAwcHggc29saWQgI2NjYzsKICAgICAgICAgIC8vIAkJCWJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjY2NjOwogICAgICAgICAgLy8gCQkJcGFkZGluZzogMHB4OwogICAgICAgICAgLy8gCQkJcmVzaXplOiBub25lOwogICAgICAgICAgLy8gCQkJYm9yZGVyLXJhZGl1czogMHB4OwogICAgICAgICAgLy8gCQkJZGlzcGxheTogYmxvY2s7CiAgICAgICAgICAvLyAJCQl3aWR0aDogMTAwJTsKICAgICAgICAgIC8vIAkJCWhlaWdodDogMzRweDsKICAgICAgICAgIC8vIAkJCXBhZGRpbmc6IDZweCAxMnB4OwogICAgICAgICAgLy8gCQkJZm9udC1zaXplOiAxNHB4OwogICAgICAgICAgLy8gCQkJbGluZS1oZWlnaHQ6IDEuNDI4NTcxNDM7CiAgICAgICAgICAvLyAJCQljb2xvcjogIzU1NTsKICAgICAgICAgIC8vIAkJCWJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICAgICAgICAvLyAJCX0KCi8vIAl9Ci8vIH0KCi5uay1uYXZpZ2F0aW9uIHsKICAgIG1hcmdpbi10b3A6IDE1cHg7CgphIHsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIGNvbG9yOiAjZmZmOwogICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAuMik7CiAgICB3aWR0aDogMTAwcHg7CiAgICBoZWlnaHQ6IDUwcHg7CiAgICBib3JkZXItcmFkaXVzOiAzMHB4OwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgZGlzcGxheTogZmxleDsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBtYXJnaW46IDAgYXV0bzsKICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgcGFkZGluZzogMCAyMHB4Owp9CgouaWNvbiB7CiAgICBtYXJnaW4tbGVmdDogMTBweDsKICAgIHdpZHRoOiAzMHB4OwogICAgaGVpZ2h0OiAzMHB4Owp9Cn0KCi5yZWdpc3Rlci1jb250YWluZXIgewogICAgbWFyZ2luLXRvcDogMTBweDsKCmEgewogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgY29sb3I6ICNmZmY7CiAgICBtYXgtd2lkdGg6IDUwMHB4OwogICAgaGVpZ2h0OiA1MHB4OwogICAgYm9yZGVyLXJhZGl1czogMzBweDsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgbWFyZ2luOiAwIGF1dG87CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIHBhZGRpbmc6IDAgMjBweDsKCmRpdiB7CiAgICBtYXJnaW4tbGVmdDogMTBweDsKfQp9Cn0KCi5jb250YWluZXIgewogICAgaGVpZ2h0OiAxMDB2aDsKICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7CiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyOwogICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDsKCi5sb2dpbi1mb3JtIHsKICAgIHJpZ2h0OiA1MCU7CiAgICB0b3A6IDUwJTsKICAgIGhlaWdodDogYXV0bzsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoNTAlLCAtNTAlLCAwKTsKICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwyNTUsMjU1LC41KTsKICAgIHdpZHRoOiA0MjBweDsKICAgIHBhZGRpbmc6IDMwcHggMzBweCA0MHB4IDMwcHg7CiAgICBmb250LXNpemU6IDE0cHg7CiAgICBmb250LXdlaWdodDogNTAwOwoKLmgxIHsKICAgIG1hcmdpbjogMDsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGxpbmUtaGVpZ2h0OiA1NHB4OwogICAgZm9udC1zaXplOiAyNHB4OwogICAgY29sb3I6ICMwMDA7Cn0KCi5yZ3MtZm9ybSB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKCi5pbnB1dCB7CiAgICB3aWR0aDogMTAwJTsKCiYgL2RlZXAvIC5lbC1mb3JtLWl0ZW1fX2xhYmVsIHsKICAgICAgbGluZS1oZWlnaHQ6IDQwcHg7CiAgICAgIGNvbG9yOiByZ2JhKDE3LCAxNiwgMTYsIDEpOwogICAgICBmb250LXNpemU6ICM2MDYyNjY7CiAgfQoKJiAvZGVlcC8gLmVsLWlucHV0X19pbm5lciB7CiAgICAgIGhlaWdodDogNDBweDsKICAgICAgY29sb3I6IHJnYmEoMjMsIDI0LCAyNiwgMSk7CiAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7CiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7CiAgICAgIGJvcmRlci1jb2xvcjogIzYwNjI2NjsKICAgICAgYm9yZGVyLXJhZGl1czogMjJweDsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICB9Cn0KCi5idG4gewogICAgbWFyZ2luOiAwIDEwcHg7CiAgICB3aWR0aDogODhweDsKICAgIGhlaWdodDogNDRweDsKICAgIGNvbG9yOiAjZmZmOwogICAgZm9udC1zaXplOiAxNHB4OwogICAgYm9yZGVyLXdpZHRoOiAxcHg7CiAgICBib3JkZXItc3R5bGU6IHNvbGlkOwogICAgYm9yZGVyLWNvbG9yOiAjNDA5RUZGOwogICAgYm9yZGVyLXJhZGl1czogMjJweDsKICAgIGJhY2tncm91bmQtY29sb3I6ICM0MDlFRkY7Cn0KCi5jbG9zZSB7CiAgICBtYXJnaW46IDAgMTBweDsKICAgIHdpZHRoOiA4OHB4OwogICAgaGVpZ2h0OiA0NHB4OwogICAgY29sb3I6ICM0MDlFRkY7CiAgICBmb250LXNpemU6IDE0cHg7CiAgICBib3JkZXItd2lkdGg6IDFweDsKICAgIGJvcmRlci1zdHlsZTogc29saWQ7CiAgICBib3JkZXItY29sb3I6ICM0MDlFRkY7CiAgICBib3JkZXItcmFkaXVzOiAyMnB4OwogICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRjsKfQoKfQp9Cn0K"},{"version":3,"sources":["register.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"register.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n    <div style=\"backgroundImage: url('/minsuguanliw/img/back-img-bg.jpg');background-size:cover;\">\r\n        <div class=\"container\">\r\n            <div class=\"login-form\" style=\"backgroundColor:rgba(183, 174, 174, 0.5);borderRadius:22px\">\r\n                <h1 class=\"h1\" style=\"color:#000;fontSize:28px;\">民宿管理系统注册</h1>\r\n                <el-form class=\"rgs-form\" label-width=\"120px\">\r\n                        <el-form-item label=\"账号\" class=\"input\">\r\n                            <el-input v-model=\"ruleForm.username\" autocomplete=\"off\" placeholder=\"账号\"  />\r\n                        </el-form-item>\r\n                        <el-form-item label=\"密码\" class=\"input\">\r\n                            <el-input type=\"password\" v-model=\"ruleForm.password\" autocomplete=\"off\" show-password/>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"重复密码\" class=\"input\">\r\n                            <el-input type=\"password\" v-model=\"ruleForm.repetitionPassword\" autocomplete=\"off\" show-password/>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"用户姓名\" class=\"input\" v-if=\"tableName=='yonghu'\">\r\n                            <el-input v-model=\"ruleForm.yonghuName\" autocomplete=\"off\" placeholder=\"用户姓名\"  />\r\n                        </el-form-item>\r\n                        <el-form-item label=\"手机号\" class=\"input\" v-if=\"tableName=='yonghu'\">\r\n                            <el-input v-model=\"ruleForm.yonghuPhone\" autocomplete=\"off\" placeholder=\"手机号\"  />\r\n                        </el-form-item>\r\n                        <el-form-item label=\"电子邮箱\" class=\"input\" v-if=\"tableName=='yonghu'\">\r\n                            <el-input v-model=\"ruleForm.yonghuEmail\" autocomplete=\"off\" placeholder=\"电子邮箱\"  />\r\n                        </el-form-item>\r\n                        <div style=\"display: flex;flex-wrap: wrap;width: 100%;justify-content: center;\">\r\n                            <el-button class=\"btn\" type=\"primary\" @click=\"login()\">注册</el-button>\r\n                            <el-button class=\"btn close\" type=\"primary\" @click=\"close()\">取消</el-button>\r\n                        </div>\r\n                </el-form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    export default {\r\n        data() {\r\n            return {\r\n                ruleForm: {\r\n                },\r\n                tableName:\"\",\r\n                rules: {},\r\n                sexTypesOptions : [],\r\n            };\r\n        },\r\n        mounted(){\r\n            let table = this.$storage.get(\"loginTable\");\r\n            this.tableName = table;\r\n\r\n            //级联表的下拉框查询\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                this.$router.push({ path: \"/login\" });\r\n            },\r\n            // 注册\r\n            login() {\r\n\r\n                            if((!this.ruleForm.username)){\r\n                                this.$message.error('账号不能为空');\r\n                                return\r\n                            }\r\n                            if((!this.ruleForm.password)){\r\n                                this.$message.error('密码不能为空');\r\n                                return\r\n                            }\r\n                            if((!this.ruleForm.repetitionPassword)){\r\n                                this.$message.error('重复密码不能为空');\r\n                                return\r\n                            }\r\n                            if(this.ruleForm.repetitionPassword != this.ruleForm.password){\r\n                                this.$message.error('密码和重复密码不一致');\r\n                                return\r\n                            }\r\n                            if((!this.ruleForm.yonghuName)&& 'yonghu'==this.tableName){\r\n                                this.$message.error('用户姓名不能为空');\r\n                                return\r\n                            }\r\n                             if('yonghu' == this.tableName && this.ruleForm.yonghuPhone&&(!this.$validate.isMobile(this.ruleForm.yonghuPhone))){\r\n                                 this.$message.error('手机应输入手机格式');\r\n                                 return\r\n                             }\r\n                            if('yonghu' == this.tableName && this.ruleForm.yonghuEmail&&(!this.$validate.isEmail(this.ruleForm.yonghuEmail))){\r\n                                this.$message.error(\"邮箱应输入邮件格式\");\r\n                                return\r\n                            }\r\n                this.$http({\r\n                    url: `${this.tableName}/register`,\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    .el-radio__input.is-checked .el-radio__inner {\r\n        border-color: #00c292;\r\n        background: #00c292;\r\n    }\r\n\r\n    .el-radio__input.is-checked .el-radio__inner {\r\n        border-color: #00c292;\r\n        background: #00c292;\r\n    }\r\n\r\n    .el-radio__input.is-checked .el-radio__inner {\r\n        border-color: #00c292;\r\n        background: #00c292;\r\n    }\r\n\r\n    .el-radio__input.is-checked+.el-radio__label {\r\n        color: #00c292;\r\n    }\r\n\r\n    .el-radio__input.is-checked+.el-radio__label {\r\n        color: #00c292;\r\n    }\r\n\r\n    .el-radio__input.is-checked+.el-radio__label {\r\n        color: #00c292;\r\n    }\r\n\r\n    .h1 {\r\n        margin-top: 10px;\r\n    }\r\n\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    // .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    // .login-form:before {\r\n       // \tvertical-align: middle;\r\n       // \tdisplay: inline-block;\r\n       // }\r\n\r\n    // .login-form {\r\n       // \tmax-width: 500px;\r\n       // \tpadding: 20px 0;\r\n       // \twidth: 80%;\r\n       // \tposition: relative;\r\n       // \tmargin: 0 auto;\r\n\r\n    // \t.label {\r\n          // \t\tmin-width: 60px;\r\n          // \t}\r\n\r\n    // \t.input-group {\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          // \t\tdisplay: flex;\r\n          // \t\talign-items: center;\r\n\r\n    // \t\t.input-container {\r\n              // \t\t\tdisplay: inline-block;\r\n              // \t\t\twidth: 100%;\r\n              // \t\t\ttext-align: left;\r\n              // \t\t\tmargin-left: 10px;\r\n              // \t\t}\r\n\r\n    // \t\t.icon {\r\n              // \t\t\twidth: 30px;\r\n              // \t\t\theight: 30px;\r\n              // \t\t}\r\n\r\n    // \t\t.input {\r\n              // \t\t\tposition: relative;\r\n              // \t\t\tz-index: 2;\r\n              // \t\t\tfloat: left;\r\n              // \t\t\twidth: 100%;\r\n              // \t\t\tmargin-bottom: 0;\r\n              // \t\t\tbox-shadow: none;\r\n              // \t\t\tborder-top: 0px solid #ccc;\r\n              // \t\t\tborder-left: 0px solid #ccc;\r\n              // \t\t\tborder-right: 0px solid #ccc;\r\n              // \t\t\tborder-bottom: 1px solid #ccc;\r\n              // \t\t\tpadding: 0px;\r\n              // \t\t\tresize: none;\r\n              // \t\t\tborder-radius: 0px;\r\n              // \t\t\tdisplay: block;\r\n              // \t\t\twidth: 100%;\r\n              // \t\t\theight: 34px;\r\n              // \t\t\tpadding: 6px 12px;\r\n              // \t\t\tfont-size: 14px;\r\n              // \t\t\tline-height: 1.42857143;\r\n              // \t\t\tcolor: #555;\r\n              // \t\t\tbackground-color: #fff;\r\n              // \t\t}\r\n\r\n    // \t}\r\n    // }\r\n\r\n    .nk-navigation {\r\n        margin-top: 15px;\r\n\r\n    a {\r\n        display: inline-block;\r\n        color: #fff;\r\n        background: rgba(255, 255, 255, .2);\r\n        width: 100px;\r\n        height: 50px;\r\n        border-radius: 30px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        margin: 0 auto;\r\n        justify-content: center;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .icon {\r\n        margin-left: 10px;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n    }\r\n\r\n    .register-container {\r\n        margin-top: 10px;\r\n\r\n    a {\r\n        display: inline-block;\r\n        color: #fff;\r\n        max-width: 500px;\r\n        height: 50px;\r\n        border-radius: 30px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        margin: 0 auto;\r\n        justify-content: center;\r\n        padding: 0 20px;\r\n\r\n    div {\r\n        margin-left: 10px;\r\n    }\r\n    }\r\n    }\r\n\r\n    .container {\r\n        height: 100vh;\r\n        background-position: center center;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n\r\n    .login-form {\r\n        right: 50%;\r\n        top: 50%;\r\n        height: auto;\r\n        transform: translate3d(50%, -50%, 0);\r\n        border-radius: 10px;\r\n        background-color: rgba(255,255,255,.5);\r\n        width: 420px;\r\n        padding: 30px 30px 40px 30px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n\r\n    .h1 {\r\n        margin: 0;\r\n        text-align: center;\r\n        line-height: 54px;\r\n        font-size: 24px;\r\n        color: #000;\r\n    }\r\n\r\n    .rgs-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n\r\n    .input {\r\n        width: 100%;\r\n\r\n    & /deep/ .el-form-item__label {\r\n          line-height: 40px;\r\n          color: rgba(17, 16, 16, 1);\r\n          font-size: #606266;\r\n      }\r\n\r\n    & /deep/ .el-input__inner {\r\n          height: 40px;\r\n          color: rgba(23, 24, 26, 1);\r\n          font-size: 14px;\r\n          border-width: 1px;\r\n          border-style: solid;\r\n          border-color: #606266;\r\n          border-radius: 22px;\r\n          background-color: #fff;\r\n      }\r\n    }\r\n\r\n    .btn {\r\n        margin: 0 10px;\r\n        width: 88px;\r\n        height: 44px;\r\n        color: #fff;\r\n        font-size: 14px;\r\n        border-width: 1px;\r\n        border-style: solid;\r\n        border-color: #409EFF;\r\n        border-radius: 22px;\r\n        background-color: #409EFF;\r\n    }\r\n\r\n    .close {\r\n        margin: 0 10px;\r\n        width: 88px;\r\n        height: 44px;\r\n        color: #409EFF;\r\n        font-size: 14px;\r\n        border-width: 1px;\r\n        border-style: solid;\r\n        border-color: #409EFF;\r\n        border-radius: 22px;\r\n        background-color: #FFF;\r\n    }\r\n\r\n    }\r\n    }\r\n    }\r\n</style>\r\n"]}]}