parent
b9642a387c
commit
a0dc9c2f4f
@ -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="../images/123.jpg"></image>
|
||||||
|
</view>
|
||||||
|
<view class="login-from">
|
||||||
|
|
||||||
|
<!--账号-->
|
||||||
|
<view class="inputView">
|
||||||
|
<label class="loginLab">账号</label>
|
||||||
|
<input class="inputText" placeholder="请输入账号" bindinput="phoneInput" maxlength="15" name="userid"value="{{idTxt}}" />
|
||||||
|
|
||||||
|
</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" size="{{primarySize}}" loading="{{loading}}" plain="{{plain}}" disabled="{{disabled}}" bindtap="login" formType="submit">登录</button>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-row" style="display: flex;">
|
|
||||||
<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>
|
</view>
|
||||||
<button class="button1" formType="submit" >
|
|
||||||
登 录</button>
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,59 +1,74 @@
|
|||||||
/* denglu/denglu.wxss */
|
|
||||||
page{
|
page{
|
||||||
background-image: url("http://qty83k.creatby.com/materials/143410/origin/21bbf9caec3fddab4b8304359e2b41bb_origin.jpg"); background-size: 375px 678px;
|
height: 100%;
|
||||||
background-repeat: no-repeat;
|
}
|
||||||
}
|
|
||||||
.button1{
|
.container {
|
||||||
width: 60%;
|
height: 100%;
|
||||||
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;
|
.login-from {
|
||||||
color: #ffffff;
|
margin-top: 20px;
|
||||||
}
|
flex: auto;
|
||||||
.inputpassword{
|
height:100%;
|
||||||
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;
|
|
||||||
|
|
||||||
|
.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: #cccccc;
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #cccccc;
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
/*按钮*/
|
||||||
|
.loginBtnView {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
background-color: rgb(253,253,65);
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loginBtn {
|
||||||
|
width: 80%;
|
||||||
|
margin-top: 35px;
|
||||||
|
}
|
||||||
|
|||||||
|
After Width: | Height: | Size: 32 KiB |
Loading…
Reference in new issue