{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/login/Login.vue?vue&type=style&index=0&id=6de271d9&lang=less&scoped=true&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/login/Login.vue","mtime":1616084049965},{"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/less-loader/dist/cjs.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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoubG9naW5fY29udGFpbmVyIHsKICAvLyB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIC8vIGxlZnQ6NTAlOwogIC8vIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsLTUwJSk7CiAgLy8gaGVpZ2h0OiAxMDAwcHg7Cn0KCi5sb2dpbl9jb250YWluZXIgLnRvcHsKICBwb3NpdGlvbjpyZWxhdGl2ZTsKICBoZWlnaHQ6IDQ0cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzM4M0Q0MTsKICBjb2xvcjogI2ZmZjsKICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KCi5sb2dpbl9jb250YWluZXIgLnRvcCBpbWd7CiAgdG9wOjUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLC01MCUpOwogIGxlZnQ6IDEwcHg7CiAgcG9zaXRpb246YWJzb2x1dGU7CiAgaGVpZ2h0OiAzMHB4OwogIHdpZHRoOiAzMHB4Owp9CgoKLmxvZ2luX2NvbnRhaW5lciAudG9wIC5pY29uewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLC01MCUpOwogIGZvbnQtc2l6ZTogMTJweDsKICBsZWZ0OiA0NXB4Owp9CgoubG9naW5fY29udGFpbmVyIC50b3Agc3BhbnsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDo1MCU7CiAgdG9wOjUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpOwp9CgoubG9naW5fZm9ybXsKICB3aWR0aDogODUlOwogIG1hcmdpbjogMCBhdXRvOwogIG1hcmdpbi10b3A6IDQwcHg7Cn0KCi5idG5zLWxvZ2luewogIHdpZHRoOiAxMDAlOwp9Cgoub3RoZXItbG9naW57CiAgbWFyZ2luLXRvcDo1MHB4OwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLmJvdHRvbXsKICBtYXJnaW46MCBhdXRvOwogIG1hcmdpbi10b3A6MTBweDsKICB3aWR0aDogODUlOwogIGhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXRvcDoxcHggc29saWQgI2Y1ZjVmNQp9Ci5ib3R0b20gaW1newogIG1hcmdpbi10b3A6IDIwcHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGxlZnQ6IDUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLDApOwp9Ci5yZWdpc3RlcnsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgaGVpZ2h0OiAyMHB4OwogIHdpZHRoOiAyMHB4OwogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjojNDA5RUZGOwogIHJpZ2h0OjBweDsKfQoKLy8gLmxvZ2luX2JveCB7Ci8vICAgd2lkdGg6IDMwMHB4OwovLyAgIGhlaWdodDogMjgwcHg7Ci8vICAgYm9yZGVyLXJhZGl1czogM3B4OwovLyAgIHBvc2l0aW9uOiBwb3NpdGlvbjsKLy8gICAvLyBwb3NpdGlvbjpyZWxhdGl2ZTsKLy8gICBsZWZ0OiA1MCU7Ci8vICAgLy8gdG9wOiA1MCU7Ci8vICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7Ci8vIH0KLy8gLmF2YXRhcl9ib3ggewovLyAgIC8vIGhlaWdodDogNzBweDsKLy8gICAvLyB3aWR0aDogNzBweDsKLy8gICAvLyBwb3NpdGlvbjogYWJzb2x1dGU7Ci8vICAgLy8gbGVmdDogNTAlOwovLyAgIC8vIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUpOwovLyAgIC8vIGJhY2tncm91bmQtY29sb3I6ICNmZmY7Ci8vIH0KLy8gaW1nIHsKLy8gICAgIGhlaWdodDogNzBweDsKLy8gICAgIHdpZHRoOiA3MHB4OyAKLy8gfQovLyAubG9naW5fZm9ybSB7Ci8vICAgcG9zaXRpb246IGFic29sdXRlOwovLyAgIGJvdHRvbTogMDsKLy8gICB3aWR0aDogMTAwJTsKLy8gICBwYWRkaW5nOiAwIDIwcHg7Ci8vICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKLy8gfQovLyAuZm9vdGVyewovLyAgIGhlaWdodDogNzAlOwovLyAgIHdpZHRoOiAxMDAlOwovLyB9Cg=="},{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;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;;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","file":"Login.vue","sourceRoot":"src/views/login","sourcesContent":["<template>\n    <div class=\"login_container\">\n      <div class=\"top\"><img src=\"@/assets/img/cart/logo.jpg\" alt=\"\" /><div class=\"icon\">big bar</div> <span>登录</span></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=\"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        </el-form>\n      </div>\n      <div class=\"other-login\">其他登录</div>\n      <div class=\"bottom\">\n        <img src=\"@/assets/img/login/iphone.svg\" alt=\"\">\n      </div>\n    </div>\n</template>\n\n<script>\n// import loginfature from \"./chilidComps/loginfature\"\n// import Scroll from '@/components/common/Scroll/Scroll'\n\nexport default {\n  name: \"login\",\n  components: {\n  },\n  data() {\n    return {\n        docmHeight: document.documentElement.clientHeight,  //默认屏幕高度\n        showHeight: document.documentElement.clientHeight,   //实时屏幕高度\n        isshow:true,  //显示或者隐藏footer\n      loginForm: {\n        name: \"\",\n        password: \"\",\n      },\n      loginFormRules: {\n        //验证用户名是否合法\n        name: [\n          { required: true, message: \"请输入用户名\", trigger: \"blur\" },\n          { min: 3, max: 10, message: \"长度在 3 到 5 个字符\", trigger: \"blur\" },\n        ],\n        //验证密码是否合法\n        password: [\n          { required: true, message: \"请输入密码\", trigger: \"blur\" },\n          {\n            min: 4,\n            max: 10,\n            message: \"长度在 4 到 10 个字符\",\n            trigger: \"blur\",\n          },\n        ],\n      },\n    };\n  },\n  methods: {\n    infoRegister() {\n      this.$router.push('/register');\n    },\n    login() {\n      this.$refs.loginFormRef.validate(async valid => {\n        if (!valid) return;\n          const {data:res} =await this.$http.post('login',this.loginForm);\n          if(res.status!=200) return this.$message.error('登陆失败')\n          this.$message.success('登陆成功')\n          window.sessionStorage.setItem('token',res.token);\n          window.sessionStorage.setItem('userId',res.id);\n          window.sessionStorage.setItem('name',res.name);\n          window.sessionStorage.setItem('ispraise','1');\n          window.sessionStorage.setItem('number','0');\n          this.$router.push('/home');\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 lang=\"less\" scoped>\n.login_container {\n  // text-align: center;\n  position: relative;\n  // left:50%;\n  // transform: translate(0,-50%);\n  // height: 1000px;\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 img{\n  top:50%;\n  transform: translate(0,-50%);\n  left: 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  left: 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\n// .login_box {\n//   width: 300px;\n//   height: 280px;\n//   border-radius: 3px;\n//   position: position;\n//   // position:relative;\n//   left: 50%;\n//   // top: 50%;\n//   transform: translate(-50%, 0);\n// }\n// .avatar_box {\n//   // height: 70px;\n//   // width: 70px;\n//   // position: absolute;\n//   // left: 50%;\n//   // transform: translate(-50%);\n//   // background-color: #fff;\n// }\n// img {\n//     height: 70px;\n//     width: 70px; \n// }\n// .login_form {\n//   position: absolute;\n//   bottom: 0;\n//   width: 100%;\n//   padding: 0 20px;\n//   box-sizing: border-box;\n// }\n// .footer{\n//   height: 70%;\n//   width: 100%;\n// }\n</style>\n\n"]}]}