代码拉取完成,页面将自动刷新
同步操作将从 huyi612/hmdp-web 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>黑马点评</title>
<link href="./css/login.css" rel="stylesheet">
<!-- 引入样式 -->
<link rel="stylesheet" href="./css/element.css">
<style type="text/css">
.el-radio__input.is-checked .el-radio__inner {
border-color: #F63;
background: #F63;
}
.el-input__inner:focus {
border: 1px solid #F63;
}
</style>
</head>
<body>
<div id="app">
<div class="login-container">
<div class="header">
<div class="header-back-btn" @click="goBack"><i class="el-icon-arrow-left"></i></div>
<div class="header-title">密码登录 </div>
</div>
<div class="content">
<div class="login-form">
<el-input placeholder="请输入手机号" v-model="form.phone">
</el-input>
<div style="height: 5px"></div>
<el-input placeholder="请输入密码" v-model="form.password">
</el-input>
<div style="text-align: center; color: #8c939d;margin: 5px 0"><a href="javascript:void(0)">忘记密码</a></div>
<el-button @click="login" style="width: 100%; background-color:#f63; color: #fff;">登录</el-button>
<div style="text-align: right; color:#333333; margin: 5px 0"><a href="/login.html">验证码登录</a></div>
</div>
<div class="login-radio">
<div>
<input type="radio" name="readed" v-model="radio" value="1">
<label for="readed"></label>
</div>
<div>我已阅读并同意
<a href="javascript:void(0)">
《黑马点评用户服务协议》</a>、
<a href="javascript:void(0)">《隐私政策》</a>
等,接受免除或者限制责任、诉讼管辖约定等粗体标示条款
</div>
</div>
</div>
</div>
</div>
<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<!-- 引入组件库 -->
<script src="./js/element.js"></script>
<script src="./js/common.js"></script>
<script>
const app = new Vue({
el: "#app",
data: {
radio: "",
form:{
}
},
methods: {
login(){
if(!this.radio){
this.$message.error("请先确认阅读用户协议!");
return;
}
axios.post("/user/login", this.form)
.then(({data}) => {
if(data){
// 保存用户信息到session
sessionStorage.setItem("token", data);
}
// 跳转到首页
location.href = "/info.html"
})
.catch(err => this.$message.error(err))
},
goBack(){
history.back();
}
}
})
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。