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
21 KiB
1 line
21 KiB
{"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\\login.vue?vue&type=style&index=0&id=7589b93f&lang=scss&scoped=true&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\views\\login.vue","mtime":1649818275992},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmxvZ2luSW4gewogICAgbWluLWhlaWdodDogMTAwdmg7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0OwogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjsKICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7CgoubGVmdCB7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBsZWZ0OiAwOwogICAgdG9wOiAwOwogICAgd2lkdGg6IDM2MHB4OwogICAgaGVpZ2h0OiAxMDAlOwoKLmxvZ2luLWZvcm0gewogICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgICB3aWR0aDogMTAwJTsKICAgIHJpZ2h0OiBpbmhlcml0OwogICAgcGFkZGluZzogMCAxMnB4OwogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47Cn0KCi50aXRsZS1jb250YWluZXIgewogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgZm9udC1zaXplOiAyNHB4OwoKLnRpdGxlIHsKICAgIG1hcmdpbjogMjBweCAwOwp9Cn0KCi5lbC1mb3JtLWl0ZW0gewogICAgcG9zaXRpb246IHJlbGF0aXZlOwoKLnN2Zy1jb250YWluZXIgewogICAgcGFkZGluZzogNnB4IDVweCA2cHggMTVweDsKICAgIGNvbG9yOiAjODg5YWE0OwogICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGxlZnQ6IDA7CiAgICB0b3A6IDA7CiAgICB6LWluZGV4OiAxOwogICAgcGFkZGluZzogMDsKICAgIGxpbmUtaGVpZ2h0OiA0MHB4OwogICAgd2lkdGg6IDMwcHg7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KCi5lbC1pbnB1dCB7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICBoZWlnaHQ6IDQwcHg7CiAgICB3aWR0aDogMTAwJTsKCiYgL2RlZXAvIGlucHV0IHsKICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7CiAgICAgIGJvcmRlcjogMHB4OwogICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7CiAgICAgIHBhZGRpbmc6IDAgMTVweCAwIDMwcHg7CiAgICAgIGNvbG9yOiAjZmZmOwogICAgICBoZWlnaHQ6IDQwcHg7CiAgfQp9Cgp9CgoKfQoKLmNlbnRlciB7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBsZWZ0OiA1MCU7CiAgICB0b3A6IDUwJTsKICAgIHdpZHRoOiAzNjBweDsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwtNTAlLDApOwogICAgaGVpZ2h0OiA0NDZweDsKICAgIGJvcmRlci1yYWRpdXM6IDhweDsKfQoKLnJpZ2h0IHsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGxlZnQ6IGluaGVyaXQ7CiAgICByaWdodDogMDsKICAgIHRvcDogMDsKICAgIHdpZHRoOiAzNjBweDsKICAgIGhlaWdodDogMTAwJTsKfQoKLmNvZGUgewouZWwtZm9ybS1pdGVtX19jb250ZW50IHsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKCi5nZXRDb2RlQnQgewogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgcmlnaHQ6IDA7CiAgICB0b3A6IDA7CiAgICBsaW5lLWhlaWdodDogNDBweDsKICAgIHdpZHRoOiAxMDBweDsKICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNTEsNTEsNTEsMC40KTsKICAgIGNvbG9yOiAjZmZmOwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgYm9yZGVyLXJhZGl1czogMCA0cHggNHB4IDA7CiAgICBoZWlnaHQ6IDQwcHg7CiAgICBvdmVyZmxvdzogaGlkZGVuOwoKc3BhbiB7CiAgICBwYWRkaW5nOiAwIDVweDsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIGZvbnQtc2l6ZTogMTZweDsKICAgIGZvbnQtd2VpZ2h0OiA2MDA7Cn0KfQoKLmVsLWlucHV0IHsKJiAvZGVlcC8gaW5wdXQgewogICAgICBwYWRkaW5nOiAwIDEzMHB4IDAgMzBweDsKICB9Cn0KfQp9Cgouc2V0dGluZyB7CiYgL2RlZXAvIC5lbC1mb3JtLWl0ZW1fX2NvbnRlbnQgewogICAgICBwYWRkaW5nOiAwIDE1cHg7CiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4OwogICAgICBoZWlnaHQ6IDMycHg7CiAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgY29sb3I6ICM5OTk7CiAgICAgIG1hcmdpbjogMCAhaW1wb3J0YW50OwoKLnJlZ2lzdGVyIHsKICAgIGZsb2F0OiBsZWZ0OwogICAgd2lkdGg6IDUwJTsKfQoKLnJlc2V0IHsKICAgIGZsb2F0OiByaWdodDsKICAgIHdpZHRoOiA1MCU7CiAgICB0ZXh0LWFsaWduOiByaWdodDsKfQp9Cn0KCi5zdHlsZTIgewogICAgcGFkZGluZy1sZWZ0OiAzMHB4OwoKLnN2Zy1jb250YWluZXIgewogICAgbGVmdDogLTMwcHggIWltcG9ydGFudDsKfQoKLmVsLWlucHV0IHsKJiAvZGVlcC8gaW5wdXQgewogICAgICBwYWRkaW5nOiAwIDE1cHggIWltcG9ydGFudDsKICB9Cn0KfQoKLmNvZGUuc3R5bGUyLCAuY29kZS5zdHlsZTMgewouZWwtaW5wdXQgewomIC9kZWVwLyBpbnB1dCB7CiAgICAgIHBhZGRpbmc6IDAgMTE1cHggMCAxNXB4OwogIH0KfQp9Cgouc3R5bGUzIHsKJiAvZGVlcC8gLmVsLWZvcm0taXRlbV9fbGFiZWwgewogICAgICBwYWRkaW5nLXJpZ2h0OiA2cHg7CiAgfQoKLmVsLWlucHV0IHsKJiAvZGVlcC8gaW5wdXQgewogICAgICBwYWRkaW5nOiAwIDE1cHggIWltcG9ydGFudDsKICB9Cn0KfQoKLnJvbGUgewomIC9kZWVwLyAuZWwtZm9ybS1pdGVtX19sYWJlbCB7CiAgICAgIHdpZHRoOiA1NnB4ICFpbXBvcnRhbnQ7CiAgfQoKJiAvZGVlcC8gLmVsLXJhZGlvIHsKICAgICAgbWFyZ2luLXJpZ2h0OiAxMnB4OwogIH0KfQoKfQo="},{"version":3,"sources":["login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4MA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA","file":"login.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div>\r\n <div class=\"container loginIn\" style=\"backgroundImage: url(/minsuguanliw/img/back-img-bg.jpg)\">\r\n\r\n <div :class=\"2 == 1 ? 'left' : 2 == 2 ? 'left center' : 'left right'\" style=\"backgroundColor: rgba(255, 255, 255, 0.15)\">\r\n <el-form class=\"login-form\" label-position=\"left\" :label-width=\"1 == 3 ? '56px' : '0px'\">\r\n <div class=\"title-container\"><h3 class=\"title\" style=\"color: rgba(7, 0, 255, 1)\">民宿管理系统</h3></div>\r\n <el-form-item :label=\"1 == 3 ? '用户名' : ''\" :class=\"'style'+1\">\r\n <span v-if=\"1 != 3\" class=\"svg-container\" style=\"color:rgba(18, 18, 18, 1);line-height:44px\"><svg-icon icon-class=\"user\" /></span>\r\n <el-input placeholder=\"请输入用户名\" name=\"username\" type=\"text\" v-model=\"rulesForm.username\" />\r\n </el-form-item>\r\n <el-form-item :label=\"1 == 3 ? '密码' : ''\" :class=\"'style'+1\">\r\n <span v-if=\"1 != 3\" class=\"svg-container\" style=\"color:rgba(18, 18, 18, 1);line-height:44px\"><svg-icon icon-class=\"password\" /></span>\r\n <el-input placeholder=\"请输入密码\" name=\"password\" type=\"password\" v-model=\"rulesForm.password\" />\r\n </el-form-item>\r\n <el-form-item v-if=\"0 == '1'\" class=\"code\" :label=\"1 == 3 ? '验证码' : ''\" :class=\"'style'+1\">\r\n <span v-if=\"1 != 3\" class=\"svg-container\" style=\"color:rgba(18, 18, 18, 1);line-height:44px\"><svg-icon icon-class=\"code\" /></span>\r\n <el-input placeholder=\"请输入验证码\" name=\"code\" type=\"text\" v-model=\"rulesForm.code\" />\r\n <div class=\"getCodeBt\" @click=\"getRandCode(4)\" style=\"height:44px;line-height:44px\">\r\n <span v-for=\"(item, index) in codes\" :key=\"index\" :style=\"{color:item.color,transform:item.rotate,fontSize:item.size}\">{{ item.num }}</span>\r\n </div>\r\n </el-form-item>\r\n <el-form-item label=\"角色\" prop=\"loginInRole\" class=\"role\">\r\n <el-radio\r\n v-for=\"item in menus\"\r\n v-if=\"item.hasBackLogin=='是'\"\r\n v-bind:key=\"item.roleName\"\r\n v-model=\"rulesForm.role\"\r\n :label=\"item.roleName\"\r\n >{{item.roleName}}</el-radio>\r\n </el-form-item>\r\n <el-button type=\"primary\" @click=\"login()\" class=\"loginInBt\" style=\"padding:0;font-size:16px;border-radius:4px;height:44px;line-height:44px;width:100%;backgroundColor:rgba(117, 113, 249, 1); borderColor:rgba(117, 113, 249, 1); color:rgba(255, 255, 255, 1)\">{{'2' == '1' ? '登录' : 'login'}}</el-button>\r\n <el-form-item class=\"setting\">\r\n <div style=\"color:rgba(0, 150, 136, 1)\" class=\"register\" @click=\"register('yonghu')\">用户注册</div>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\n import menu from \"@/utils/menu\";\r\n export default {\r\n data() {\r\n return {\r\n rulesForm: {\r\n username: \"\",\r\n password: \"\",\r\n role: \"\",\r\n code: '',\r\n },\r\n menus: [],\r\n tableName: \"\",\r\n codes: [{\r\n num: 1,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n },{\r\n num: 2,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n },{\r\n num: 3,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n },{\r\n num: 4,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n }],\r\n };\r\n },\r\n mounted() {\r\n let menus = menu.list();\r\n this.menus = menus;\r\n },\r\n created() {\r\n this.setInputColor()\r\n this.getRandCode()\r\n },\r\n methods: {\r\n setInputColor(){\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.loginIn .el-input__inner').forEach(el=>{\r\n el.style.backgroundColor = \"rgba(202, 202, 202, 1)\"\r\n el.style.color = \"rgba(129, 129, 129, 1)\"\r\n el.style.height = \"46px\"\r\n el.style.lineHeight = \"46px\"\r\n el.style.borderRadius = \"25px\"\r\n })\r\n document.querySelectorAll('.loginIn .style3 .el-form-item__label').forEach(el=>{\r\n el.style.height = \"46px\"\r\n el.style.lineHeight = \"46px\"\r\n })\r\n document.querySelectorAll('.loginIn .el-form-item__label').forEach(el=>{\r\n el.style.color = \"rgb(0 0 0)\"\r\n })\r\n setTimeout(()=>{\r\n document.querySelectorAll('.loginIn .role .el-radio__label').forEach(el=>{\r\n el.style.color = \"rgb(0 0 0)\"\r\n })\r\n },350)\r\n })\r\n\r\n },\r\n register(tableName){\r\n this.$storage.set(\"loginTable\", tableName);\r\n this.$router.push({path:'/register'})\r\n },\r\n // 登陆\r\n login() {\r\n let code = ''\r\n for(let i in this.codes) {\r\n code += this.codes[i].num\r\n }\r\n if ('0' == '1' && !this.rulesForm.code) {\r\n this.$message.error(\"请输入验证码\");\r\n return;\r\n }\r\n if ('0' == '1' && this.rulesForm.code.toLowerCase() != code.toLowerCase()) {\r\n this.$message.error(\"验证码输入有误\");\r\n this.getRandCode()\r\n return;\r\n }\r\n if (!this.rulesForm.username) {\r\n this.$message.error(\"请输入用户名\");\r\n return;\r\n }\r\n if (!this.rulesForm.password) {\r\n this.$message.error(\"请输入密码\");\r\n return;\r\n }\r\n if (!this.rulesForm.role) {\r\n this.$message.error(\"请选择角色\");\r\n return;\r\n }\r\n let menus = this.menus;\r\n for (let i = 0; i < menus.length; i++) {\r\n if (menus[i].roleName == this.rulesForm.role) {\r\n this.tableName = menus[i].tableName;\r\n }\r\n }\r\n this.$http({\r\n url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,\r\n method: \"post\"\r\n }).then(({ data }) => {\r\n if (data && data.code === 0) {\r\n this.$storage.set(\"Token\", data.token);\r\n this.$storage.set(\"userId\", data.userId);\r\n this.$storage.set(\"role\", this.rulesForm.role);\r\n this.$storage.set(\"sessionTable\", this.tableName);\r\n this.$storage.set(\"adminName\", this.rulesForm.username);\r\n this.$router.replace({ path: \"/index/\" });\r\n } else {\r\n this.$message.error(data.msg);\r\n }\r\n });\r\n },\r\n getRandCode(len = 4){\r\n this.randomString(len)\r\n },\r\n randomString(len = 4) {\r\n let chars = [\r\n \"a\", \"b\", \"c\", \"d\", \"e\", \"f\", \"g\", \"h\", \"i\", \"j\", \"k\",\r\n \"l\", \"m\", \"n\", \"o\", \"p\", \"q\", \"r\", \"s\", \"t\", \"u\", \"v\",\r\n \"w\", \"x\", \"y\", \"z\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\",\r\n \"H\", \"I\", \"J\", \"K\", \"L\", \"M\", \"N\", \"O\", \"P\", \"Q\", \"R\",\r\n \"S\", \"T\", \"U\", \"V\", \"W\", \"X\", \"Y\", \"Z\", \"0\", \"1\", \"2\",\r\n \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"\r\n ]\r\n let colors = [\"0\", \"1\", \"2\",\"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"a\", \"b\", \"c\", \"d\", \"e\", \"f\"]\r\n let sizes = ['14', '15', '16', '17', '18']\r\n\r\n let output = [];\r\n for (let i = 0; i < len; i++) {\r\n // 随机验证码\r\n let key = Math.floor(Math.random()*chars.length)\r\n this.codes[i].num = chars[key]\r\n // 随机验证码颜色\r\n let code = '#'\r\n for (let j = 0; j < 6; j++) {\r\n let key = Math.floor(Math.random()*colors.length)\r\n code += colors[key]\r\n }\r\n this.codes[i].color = code\r\n // 随机验证码方向\r\n let rotate = Math.floor(Math.random()*60)\r\n let plus = Math.floor(Math.random()*2)\r\n if(plus == 1) rotate = '-'+rotate\r\n this.codes[i].rotate = 'rotate('+rotate+'deg)'\r\n // 随机验证码字体大小\r\n let size = Math.floor(Math.random()*sizes.length)\r\n this.codes[i].size = sizes[size]+'px'\r\n }\r\n },\r\n }\r\n };\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n .loginIn {\r\n min-height: 100vh;\r\n position: relative;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: cover;\r\n\r\n .left {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 360px;\r\n height: 100%;\r\n\r\n .login-form {\r\n background-color: transparent;\r\n width: 100%;\r\n right: inherit;\r\n padding: 0 12px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n\r\n .title-container {\r\n text-align: center;\r\n font-size: 24px;\r\n\r\n .title {\r\n margin: 20px 0;\r\n }\r\n }\r\n\r\n .el-form-item {\r\n position: relative;\r\n\r\n .svg-container {\r\n padding: 6px 5px 6px 15px;\r\n color: #889aa4;\r\n vertical-align: middle;\r\n display: inline-block;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n z-index: 1;\r\n padding: 0;\r\n line-height: 40px;\r\n width: 30px;\r\n text-align: center;\r\n }\r\n\r\n .el-input {\r\n display: inline-block;\r\n height: 40px;\r\n width: 100%;\r\n\r\n & /deep/ input {\r\n background: transparent;\r\n border: 0px;\r\n -webkit-appearance: none;\r\n padding: 0 15px 0 30px;\r\n color: #fff;\r\n height: 40px;\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n .center {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n width: 360px;\r\n transform: translate3d(-50%,-50%,0);\r\n height: 446px;\r\n border-radius: 8px;\r\n }\r\n\r\n .right {\r\n position: absolute;\r\n left: inherit;\r\n right: 0;\r\n top: 0;\r\n width: 360px;\r\n height: 100%;\r\n }\r\n\r\n .code {\r\n .el-form-item__content {\r\n position: relative;\r\n\r\n .getCodeBt {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n line-height: 40px;\r\n width: 100px;\r\n background-color: rgba(51,51,51,0.4);\r\n color: #fff;\r\n text-align: center;\r\n border-radius: 0 4px 4px 0;\r\n height: 40px;\r\n overflow: hidden;\r\n\r\n span {\r\n padding: 0 5px;\r\n display: inline-block;\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n }\r\n\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 130px 0 30px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .setting {\r\n & /deep/ .el-form-item__content {\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n line-height: 32px;\r\n height: 32px;\r\n font-size: 14px;\r\n color: #999;\r\n margin: 0 !important;\r\n\r\n .register {\r\n float: left;\r\n width: 50%;\r\n }\r\n\r\n .reset {\r\n float: right;\r\n width: 50%;\r\n text-align: right;\r\n }\r\n }\r\n }\r\n\r\n .style2 {\r\n padding-left: 30px;\r\n\r\n .svg-container {\r\n left: -30px !important;\r\n }\r\n\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 15px !important;\r\n }\r\n }\r\n }\r\n\r\n .code.style2, .code.style3 {\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 115px 0 15px;\r\n }\r\n }\r\n }\r\n\r\n .style3 {\r\n & /deep/ .el-form-item__label {\r\n padding-right: 6px;\r\n }\r\n\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 15px !important;\r\n }\r\n }\r\n }\r\n\r\n .role {\r\n & /deep/ .el-form-item__label {\r\n width: 56px !important;\r\n }\r\n\r\n & /deep/ .el-radio {\r\n margin-right: 12px;\r\n }\r\n }\r\n\r\n }\r\n</style>\r\n"]}]} |