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.
70 lines
2.6 KiB
70 lines
2.6 KiB
{{template "header" .}}
|
|
<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">
|
|
<title>登录 - 码农随笔</title>
|
|
</head>
|
|
<body>
|
|
<div class="root-container">
|
|
{{template "nav" .}}
|
|
<div class="login-root">
|
|
<div class="input-container">
|
|
<div class="input-root">
|
|
<div class="inputs-class">
|
|
<i-form>
|
|
<form-item prop="user">
|
|
<i-input type="text" v-model="user.username" placeholder="请输入用户名">
|
|
<Icon type="ios-person-outline" slot="prepend"></Icon>
|
|
</i-input>
|
|
</form-item>
|
|
<form-item prop="password">
|
|
<i-input type="password" v-model="user.userpwd" placeholder="请输入密码">
|
|
<Icon type="ios-lock-outline" slot="prepend"></Icon>
|
|
</i-input>
|
|
</form-item>
|
|
<i-button type="info" long @click="login">快速登录</i-button>
|
|
</i-form>
|
|
<div class="login-bottom">
|
|
<a href="/regist">快速注册</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
var app = new Vue({
|
|
el: ".root-container",
|
|
delimiters: ['${', '}'],
|
|
data: {
|
|
user: {}
|
|
},
|
|
methods: {
|
|
login (){
|
|
var _this= this
|
|
if (this.user.username.trim().length < 4) {
|
|
this.$Message.warning('用户名最低4位');
|
|
// this.$Notice.warning({
|
|
// title: '用户名最低4位',
|
|
// desc: ''
|
|
// });
|
|
return
|
|
}
|
|
if (this.user.userpwd.trim().length < 6) {
|
|
this.$Message.warning('密码最低6位');
|
|
return
|
|
}
|
|
$.post('/api/login', this.user,
|
|
function (data) {
|
|
if (data.Status == 1) {
|
|
_this.$Message.warning(data.Msg);
|
|
} else {
|
|
_this.$Message.success("登录成功");
|
|
window.location.href = "/"
|
|
}
|
|
}, 'json')
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
<script type="text/javascript" src="/static/js/seo.js"></script>
|
|
</html>
|