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
8.5 KiB
1 line
8.5 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/login/Register.vue?vue&type=style&index=0&id=7e7ae2c3&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/login/Register.vue","mtime":1616729944908},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5iYWNrewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB3aWR0aDogMzBweDsKICBoZWlnaHQ6IDMwcHg7CgogIHRvcDogNTAlOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsLTUwJSk7Cn0KLmxvZ2luX2NvbnRhaW5lciB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgaGVpZ2h0OiAxMDB2aDsKfQoKLmxvZ2luX2NvbnRhaW5lciAudG9wewogIHBvc2l0aW9uOnJlbGF0aXZlOwogIGhlaWdodDogNDRweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzgzRDQxOwogIGNvbG9yOiAjZmZmOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLmxvZ2luX2NvbnRhaW5lciAudG9wIC5sb2dvewogIHRvcDo1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwtNTAlKTsKICByaWdodDogMTBweDsKICBwb3NpdGlvbjphYnNvbHV0ZTsKICBoZWlnaHQ6IDMwcHg7CiAgd2lkdGg6IDMwcHg7Cn0KCgoubG9naW5fY29udGFpbmVyIC50b3AgLmljb257CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogNTAlOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsLTUwJSk7CiAgZm9udC1zaXplOiAxMnB4OwogIHJpZ2h0OiA0NXB4Owp9CgoubG9naW5fY29udGFpbmVyIC50b3Agc3BhbnsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDo1MCU7CiAgdG9wOjUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpOwp9CgoubG9naW5fZm9ybXsKICB3aWR0aDogODUlOwogIG1hcmdpbjogMCBhdXRvOwogIG1hcmdpbi10b3A6IDQwcHg7Cn0KCi5idG5zLWxvZ2luewogIHdpZHRoOiAxMDAlOwp9Cgoub3RoZXItbG9naW57CiAgbWFyZ2luLXRvcDo1MHB4OwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLmJvdHRvbXsKICBtYXJnaW46MCBhdXRvOwogIG1hcmdpbi10b3A6MTBweDsKICB3aWR0aDogODUlOwogIGhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXRvcDoxcHggc29saWQgI2Y1ZjVmNQp9Ci5ib3R0b20gaW1newogIG1hcmdpbi10b3A6IDIwcHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGxlZnQ6IDUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLDApOwp9Ci5yZWdpc3RlcnsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgaGVpZ2h0OiAyMHB4OwogIHdpZHRoOiAyMHB4OwogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjojNDA5RUZGOwogIHJpZ2h0OjBweDsKfQo="},{"version":3,"sources":["Register.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIA;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;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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","file":"Register.vue","sourceRoot":"src/views/login","sourcesContent":["<template>\n <div class=\"login_container\">\n <div class=\"top\">\n <div class=\"back\" @click=\"backClick\">\n <img src=\"@/assets/img/home/back.svg\" alt=\"\">\n </div>\n <span>注册</span>\n <div>\n <img src=\"@/assets/img/cart/logo.jpg\" class=\"logo\" alt=\"\" /><div class=\"icon\">big bar</div>\n </div>\n </div>\n <div class=\"login_box\">\n <!-- 登陆区域 -->\n <el-form\n ref=\"loginFormRef\"\n label-width=\"0px\"\n class=\"login_form\"\n :model=\"loginForm\"\n :rules=\"loginFormRules\"\n >\n <el-form-item prop=\"name\">\n <el-input\n placeholder=\"请输入用户名\"\n v-model=\"loginForm.name\"\n prefix-icon=\"el-icon-user-solid\"\n ></el-input>\n </el-form-item>\n <el-form-item prop=\"iphone\">\n <el-input\n placeholder=\"请输入手机号\"\n v-model=\"loginForm.iphone\"\n prefix-icon=\"el-icon-phone\"\n \n ></el-input>\n </el-form-item>\n <el-form-item prop=\"password\">\n <el-input\n placeholder=\"请输入密码\"\n v-model=\"loginForm.password\"\n prefix-icon=\"el-icon-s-goods\"\n type=\"password\"\n ></el-input>\n </el-form-item>\n <el-form-item >\n <el-row>\n <el-button class=\"btns-login\" type=\"primary\" @click=\"login\">注册</el-button>\n </el-row>\n <!-- <el-button type=\"info\" @click=\"infoRegister\">注册</el-button> -->\n </el-form-item>\n </el-form>\n </div>\n </div>\n</template>\n\n<script>\n// import loginfature from \"./chilidComps/loginfature\"\n\nexport default {\n name: \"login\",\n components: {\n scroll,\n },\n data() {\n var checkphone = (rule, value, callback) => {\n // let phoneReg = /(^1[3|4|5|6|7|8|9]\\d{9}$)|(^09\\d{8}$)/;\n if (value === '') {\n callback(new Error('请输入手机号'))\n } else if (!this.isCellPhone(value)) { // 引入methods中封装的检查手机格式的方法\n callback(new Error('请输入正确的手机号!'))\n } else {\n callback()\n }\n }\n return {\n\n loginForm: {\n name: \"\",\n password: \"\",\n iphone:\"\"\n },\n loginFormRules: {\n //验证用户名是否合法\n name: [\n { required: true, message: \"请输入用户名\", trigger: \"blur\" },\n { min: 2, max: 10, message: \"长度在 2 到 10 个字符\", trigger: \"blur\" },\n ],\n iphone: [\n { required: true, message: \"请输入手机号\", trigger: \"blur\" },\n { validator: checkphone, trigger: \"blur\" },\n ],\n //验证密码是否合法\n password: [\n { required: true, message: \"请输入密码\", trigger: \"blur\" },\n {\n min: 6,\n max: 16,\n message: \"长度在 6 到 16 个字符\",\n trigger: \"blur\",\n },\n ],\n },\n };\n },\n methods: {\n backClick() {\n this.$router.push('/login');\n },\n isCellPhone (val) {\n if (!/^1(3|4|5|6|7|8|9)\\d{9}$/.test(val)) {\n return false\n } else {\n return true\n }\n },\n login() {\n this.$refs.loginFormRef.validate(async (valid) => {\n if (!valid) return;\n try{\n await this.$http.post(\"users\", this.loginForm);\n this.$message.success('注册成功');\n this.$router.push('/login');\n }catch(err){\n console.log(err.response.data);\n this.$message.error('注册失败'+err.response.data.message);\n }\n\n // if (res.status != 200) return this.$message.error('注册失败'+res.message);\n });\n },\n },\n};\n</script>\n\n<style scoped>\n\n\n.back{\n position: relative;\n width: 30px;\n height: 30px;\n\n top: 50%;\n transform: translate(0,-50%);\n}\n.login_container {\n position: relative;\n height: 100vh;\n}\n\n.login_container .top{\n position:relative;\n height: 44px;\n background-color: #383D41;\n color: #fff;\n text-align: center;\n}\n\n.login_container .top .logo{\n top:50%;\n transform: translate(0,-50%);\n right: 10px;\n position:absolute;\n height: 30px;\n width: 30px;\n}\n\n\n.login_container .top .icon{\n position: absolute;\n top: 50%;\n transform: translate(0,-50%);\n font-size: 12px;\n right: 45px;\n}\n\n.login_container .top span{\n position: absolute;\n left:50%;\n top:50%;\n transform: translate(-50%,-50%);\n}\n\n.login_form{\n width: 85%;\n margin: 0 auto;\n margin-top: 40px;\n}\n\n.btns-login{\n width: 100%;\n}\n\n.other-login{\n margin-top:50px;\n text-align: center;\n}\n\n.bottom{\n margin:0 auto;\n margin-top:10px;\n width: 85%;\n height: 200px;\n border-top:1px solid #f5f5f5\n}\n.bottom img{\n margin-top: 20px;\n position: relative;\n left: 50%;\n transform: translate(-50%,0);\n}\n.register{\n position: relative;\n height: 20px;\n width: 20px;\n font-size: 12px;\n color:#409EFF;\n right:0px;\n}\n</style>\n"]}]} |