parent
73c93c8a23
commit
0877d8ad68
@ -1,52 +1,52 @@
|
|||||||
Page({
|
Page({
|
||||||
formSubmit: function (e) {
|
formSubmit: function (e) {
|
||||||
wx.request({
|
wx.request({
|
||||||
url: 'http://localhost:9527/zxlogin/login',
|
url: 'http://localhost:9527/zxlogin/login',
|
||||||
data: {
|
data: {
|
||||||
'userid': e.detail.value.userid,
|
'userid': e.detail.value.userid,
|
||||||
'userpassword': e.detail.value.userpassword,
|
'userpassword': e.detail.value.userpassword,
|
||||||
},
|
},
|
||||||
header: {
|
header: {
|
||||||
"Content-Type": "application/x-www-form-urlencoded"
|
"Content-Type": "application/x-www-form-urlencoded"
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
},
|
},
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
console.log(res.data);
|
console.log(res.data);
|
||||||
if (res.data == "111") {
|
if (res.data == "111") {
|
||||||
wx.showModal({
|
wx.showModal({
|
||||||
title: '登录消息',
|
title: '登录消息',
|
||||||
content: '密码正确',
|
content: '登录成功',
|
||||||
confirmColor: "rgba(253, 153, 65, 1)",
|
confirmColor: "rgba(253, 153, 65, 1)",
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
wx.switchTab({
|
wx.switchTab({
|
||||||
url: '../shouye/shouye',
|
url: '../shouye/shouye',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
else if (res.data == "100") {
|
else if (res.data == "100") {
|
||||||
wx.showModal({
|
wx.showModal({
|
||||||
title: '登录消息',
|
title: '登录消息',
|
||||||
content: '密码错误',
|
content: '密码错误',
|
||||||
confirmColor: "rgba(253, 153, 65, 1)"
|
confirmColor: "rgba(253, 153, 65, 1)"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
else if (res.data == "001") {
|
else if (res.data == "001") {
|
||||||
wx.showModal({
|
wx.showModal({
|
||||||
title: '登录消息',
|
title: '登录消息',
|
||||||
content: '用户名不存在',
|
content: '用户名不存在',
|
||||||
confirmColor: "rgba(253, 153, 65, 1)"
|
confirmColor: "rgba(253, 153, 65, 1)"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: function (res) {
|
fail: function (res) {
|
||||||
console.log("失败");
|
console.log("失败");
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@ -1,6 +1,3 @@
|
|||||||
{
|
{
|
||||||
|
|
||||||
"component": true,
|
|
||||||
|
|
||||||
"usingComponents": {}
|
"usingComponents": {}
|
||||||
}
|
}
|
||||||
@ -1,15 +1,29 @@
|
|||||||
|
|
||||||
<form bindsubmit="formSubmit" >
|
<form bindsubmit="formSubmit" >
|
||||||
<view class="flex-row" style="display: flex;">
|
<view class="container">
|
||||||
<text class="text1" >学号</text>
|
<view class="login-icon">
|
||||||
<input class="inputnumber" maxlength="15" name="userid" placeholder=" 请输入您的学号" type="number" value="{{idTxt}}"/>
|
<image class="login-img" src="../image/123.jpg"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-row" style="display: flex;">
|
<view class="login-from">
|
||||||
<text class="password" >密码</text></view>
|
|
||||||
<view class="flex-row" style="display: flex;">
|
<!--账号-->
|
||||||
<input class="inputpassword" password="true" name="userpassword" placeholder=" 默认身份证号后六位" type="number"value="{{passwordTxt}}"/>
|
<view class="inputView">
|
||||||
</view>
|
<label class="loginLab">账号</label>
|
||||||
<button class="button1" formType="submit" >
|
<input class="inputText" placeholder="请输入账号" bindinput="phoneInput" maxlength="15" name="userid"value="{{idTxt}}" />
|
||||||
登 录</button>
|
|
||||||
|
</view>
|
||||||
|
<view class="line"></view>
|
||||||
|
|
||||||
|
<!--密码-->
|
||||||
|
<view class="inputView">
|
||||||
|
<label class="loginLab">密码</label>
|
||||||
|
<input class="inputText" name="userpassword" password="true" value="{{passwordTxt}}" placeholder="默认密码身份证后六位" bindinput="passwordInput" />
|
||||||
|
</view>
|
||||||
|
<!--按钮-->
|
||||||
|
<view class="loginBtnView">
|
||||||
|
<button class="loginBtn" loading="{{loading}}" plain="{{plain}}" disabled="{{disabled}}" bindtap="login" formType="submit">登录</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,59 +1,75 @@
|
|||||||
/* denglu/denglu.wxss */
|
page{
|
||||||
page {
|
height: 100%;
|
||||||
background-image: url("http://qty83k.creatby.com/materials/143410/origin/21bbf9caec3fddab4b8304359e2b41bb_origin.jpg"); background-size: 375px 678px;
|
}
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
.container {
|
||||||
.button1{
|
height: 100%;
|
||||||
width: 60%;
|
|
||||||
margin-top: 0rpx;
|
|
||||||
background-color:rgba(253, 153, 65, 0.67);
|
|
||||||
color: white;
|
|
||||||
border-radius: 98rpx;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: column;
|
||||||
align-items: center;
|
padding: 0;
|
||||||
justify-content: center;
|
box-sizing: border-box;
|
||||||
margin-top: 140px;
|
background-color: #f2f2f2
|
||||||
}
|
}
|
||||||
.inputnumber{
|
|
||||||
width:50%;
|
/*登录图片*/
|
||||||
background-color: transparent;
|
.login-icon{
|
||||||
height:1.6rem;
|
flex: none;
|
||||||
font-size: 18px;
|
}
|
||||||
margin-left: 15px;
|
.login-img{
|
||||||
margin-top: 100px;
|
width: 750rpx;
|
||||||
display: inline;
|
}
|
||||||
border-width: 2px;
|
|
||||||
border-color: rgb(255, 255, 255);
|
|
||||||
border-style: solid;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.inputpassword{
|
|
||||||
width:50%;
|
|
||||||
background-color: transparent;
|
|
||||||
height:1.6rem;
|
|
||||||
font-size: 18px;
|
|
||||||
margin-left: 108px;
|
|
||||||
margin-top: -30px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-color: rgb(255, 255, 255);
|
|
||||||
border-style: solid;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.text1{
|
|
||||||
width: 50px;
|
|
||||||
font-size: 23px;
|
|
||||||
color: #ffffff;
|
|
||||||
margin-left: 43px;
|
|
||||||
margin-top:100px;
|
|
||||||
}
|
|
||||||
.password{width: 50px;
|
|
||||||
font-size: 23px;
|
|
||||||
color: #ffffff;
|
|
||||||
margin-left: 43px;
|
|
||||||
margin-top:50px;
|
|
||||||
|
|
||||||
}
|
/*表单内容*/
|
||||||
|
.login-from {
|
||||||
|
margin-top: 20px;
|
||||||
|
flex: auto;
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputView {
|
||||||
|
background-color: #fff;
|
||||||
|
line-height: 44px;
|
||||||
|
}
|
||||||
|
/*输入框*/
|
||||||
|
.nameImage, .keyImage {
|
||||||
|
margin-left: 42px;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px
|
||||||
|
}
|
||||||
|
|
||||||
|
.loginLab {
|
||||||
|
margin: 15px 15px 15px 10px;
|
||||||
|
color: #545454;
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
.inputText {
|
||||||
|
flex: block;
|
||||||
|
float: right;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: 22px;
|
||||||
|
margin-top: 11px;
|
||||||
|
color: #000;
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #cccccc;
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
/*按钮*/
|
||||||
|
.loginBtnView {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loginBtn {
|
||||||
|
width: 80%;
|
||||||
|
margin-top: 35px;
|
||||||
|
background-color:rgb(253, 153, 65);
|
||||||
|
}
|
||||||
|
|||||||
|
After Width: | Height: | Size: 32 KiB |
Loading…
Reference in new issue