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
9.8 KiB
1 line
9.8 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/login/Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/login/Login.vue","mtime":1618560622124},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCgoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJsb2dpbiIsCiAgY29tcG9uZW50czogewogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGxvZ2luRm9ybTogewogICAgICAgIGlwaG9uZTogIiIsCiAgICAgICAgcGFzc3dvcmQ6ICIiLAogICAgICB9LAogICAgICBsb2dpbkZvcm1SdWxlczogewogICAgICAgIC8v6aqM6K+B55So5oi35ZCN5piv5ZCm5ZCI5rOVCiAgICAgICAgaXBob25lOiBbCiAgICAgICAgICB7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAi6K+36L6T5YWl5q2j56Gu5omL5py65Y+3IiwgdHJpZ2dlcjogImJsdXIiIH0sCiAgICAgICAgICB7IG1pbjogMTEsIG1heDogMTEsIG1lc3NhZ2U6ICLmiYvmnLrlj7flv4XpobvkuLoxMeS9jSIsIHRyaWdnZXI6ICJibHVyIiB9LAogICAgICAgIF0sCiAgICAgICAgLy/pqozor4Hlr4bnoIHmmK/lkKblkIjms5UKICAgICAgICBwYXNzd29yZDogWwogICAgICAgICAgeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogIuivt+i+k+WFpeWvhueggSIsIHRyaWdnZXI6ICJibHVyIiB9LAogICAgICAgICAgewogICAgICAgICAgICBtaW46IDYsCiAgICAgICAgICAgIG1heDogMTYsCiAgICAgICAgICAgIG1lc3NhZ2U6ICLplb/luqblnKggNiDliLAgMTYg5Liq5a2X56ymIiwKICAgICAgICAgICAgdHJpZ2dlcjogImJsdXIiLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgfTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGluZm9maW5kcGFzc3dvcmQoKXsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goJy9maW5kcGFzc3dvcmQnKQogICAgfSwKICAgIElwaG9uZUNsaWNrKCl7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCcvaXBob25lJykKICAgIH0sCiAgICBiYWNrQ2xpY2soKXsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goJy9ob21lJykKICAgIH0sCiAgICBpbmZvUmVnaXN0ZXIoKSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCcvcmVnaXN0ZXInKTsKICAgIH0sCiAgICBsb2dpbigpIHsKICAgICAgdGhpcy4kcmVmcy5sb2dpbkZvcm1SZWYudmFsaWRhdGUoYXN5bmMgdmFsaWQgPT4gewogICAgICAgIGlmICghdmFsaWQpIHJldHVybjsKICAgICAgICB0cnl7CiAgICAgICAgICBjb25zdCB7ZGF0YTpyZXN9ID1hd2FpdCB0aGlzLiRodHRwLnBvc3QoJ2xvZ2luJyx0aGlzLmxvZ2luRm9ybSk7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+eZu+mZhuaIkOWKnycpCiAgICAgICAgICB3aW5kb3cubG9jYWxTdG9yYWdlLnNldEl0ZW0oJ3Rva2VuJyxyZXMudG9rZW4pOwogICAgICAgICAgd2luZG93LmxvY2FsU3RvcmFnZS5zZXRJdGVtKCd1c2VySWQnLHJlcy5pZCk7CiAgICAgICAgICB3aW5kb3cubG9jYWxTdG9yYWdlLnNldEl0ZW0oJ25hbWUnLHJlcy5uYW1lKTsKICAgICAgICAgIHdpbmRvdy5sb2NhbFN0b3JhZ2Uuc2V0SXRlbSgnaXNwcmFpc2UnLCcxJyk7CiAgICAgICAgICB3aW5kb3cubG9jYWxTdG9yYWdlLnNldEl0ZW0oJ251bWJlcicsJzAnKTsKICAgICAgICAgIHRoaXMuJHJlZnMubG9naW5Gb3JtUmVmLnJlc2V0RmllbGRzKCk7CiAgICAgICAgICB0aGlzLiRidXMuJGVtaXQoJ2lzYWxscmVmcmVzaEluZm8nKQogICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goJy9ob21lJyk7CiAgICAgICAgfWNhdGNoKGVycil7CiAgICAgICAgICAvLyB0aGlzLiRtZXNzYWdlLmVycm9yKGVyci5yZXNwb25zZS5tZXNzYWdlKQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcign55m75b2V5aSx6LSlJykKICAgICAgICB9CgogICAgICB9KTsKICAgIH0sCiAgfSwKICBtb3VudGVkKCkgewogICAgLy8gd2luZG93Lm9ucmVzaXpl55uR5ZCs6aG16Z2i6auY5bqm55qE5Y+Y5YyWCiAgICB3aW5kb3cub25yZXNpemUgPSAoKT0+ewogICAgICAgIHJldHVybigoKT0+ewogICAgICAgICAgICB0aGlzLnNob3dIZWlnaHQgPSBkb2N1bWVudC5ib2R5LmNsaWVudEhlaWdodDsKICAgICAgICB9KSgpCiAgICB9CiAgfSwKfTsK"},{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.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 <a href=\"http://47.108.153.30:8888\"><img src=\"@/assets/img/cart/logo.jpg\" class=\"logo\" alt=\"\" /></a><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=\"iphone\">\n <el-input\n placeholder=\"请输入手机号\"\n v-model=\"loginForm.iphone\"\n prefix-icon=\"el-icon-user-solid\"\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 <span @click=\"infoRegister\" class=\"register\">免费注册</span>\n <span @click=\"infofindpassword\" class=\"findpassword\">找回密码</span>\n </el-form>\n </div>\n <div class=\"other-login\">其他登录</div>\n <div class=\"bottom\">\n <img src=\"@/assets/img/login/iphone.svg\" @click=\"IphoneClick\" alt=\"\">\n </div>\n </div>\n</template>\n\n<script>\n\n\nexport default {\n name: \"login\",\n components: {\n },\n data() {\n return {\n loginForm: {\n iphone: \"\",\n password: \"\",\n },\n loginFormRules: {\n //验证用户名是否合法\n iphone: [\n { required: true, message: \"请输入正确手机号\", trigger: \"blur\" },\n { min: 11, max: 11, message: \"手机号必须为11位\", 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 infofindpassword(){\n this.$router.push('/findpassword')\n },\n IphoneClick(){\n this.$router.push('/iphone')\n },\n backClick(){\n this.$router.push('/home')\n },\n infoRegister() {\n this.$router.push('/register');\n },\n login() {\n this.$refs.loginFormRef.validate(async valid => {\n if (!valid) return;\n try{\n const {data:res} =await this.$http.post('login',this.loginForm);\n this.$message.success('登陆成功')\n window.localStorage.setItem('token',res.token);\n window.localStorage.setItem('userId',res.id);\n window.localStorage.setItem('name',res.name);\n window.localStorage.setItem('ispraise','1');\n window.localStorage.setItem('number','0');\n this.$refs.loginFormRef.resetFields();\n this.$bus.$emit('isallrefreshInfo')\n this.$router.push('/home');\n }catch(err){\n // this.$message.error(err.response.message)\n this.$message.error('登录失败')\n }\n\n });\n },\n },\n mounted() {\n // window.onresize监听页面高度的变化\n window.onresize = ()=>{\n return(()=>{\n this.showHeight = document.body.clientHeight;\n })()\n }\n },\n};\n</script>\n\n<style scoped>\n.back {\n position: relative;\n width: 30px;\n height: 30px;\n left:10px;\n top: 50%;\n transform: translate(0, -50%);\n}\n\n.login_container {\n height: 100vh;\n position: relative;\n\n}\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{\n position:relative;\n height: 44px;\n background-color: #de4943;\n color: #fff;\n text-align: center;\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\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 position: relative;\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.findpassword{\n position: absolute;\n font-size: 12px;\n color:#409EFF;\n right:0px;\n bottom: 0px;\n}\n\n</style>\n\n"]}]} |