wxml代碼
<form >
<view class='denlgu'>
<text class='shuoming'>請輸入您的會員賬號</text>
<view class="form-wrap">
<view class="flex-wrap input-wrap">
<text class="label">賬號</text>
<input value="" id="username" class="account-info-input" name="uname" />
</view>
<view class="flex-wrap input-wrap">
<text class="label">密碼</text>
<input password id="password" class="account-info-input" name="upwd" />
</view>
</view>
<text class='shuoming'>請準確填寫賬號信息,有問題聯繫客服</text>
<button class='mysubmit' type='primary' form-type="submit">登陸</button>
<button class='mysubmit' type='primary' bindtap='toReg'>註冊新用戶</button>
<button class='wx' bindtap='toHuiyuan'>微信登陸</button>
</view>
</form>
wxss代碼
page {
background-color: #f2f2f2;
}
.denlgu {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 4px 12px;
}
.shuoming {
display: block;
margin: 8px 0;
color: gray;
font-size: 14px;
}
.form-wrap {
border-top: 1px solid #eee;
margin: 10px 0;
}
.flex-wrap {
display: flex;
flex-direction: row;
}
.input-wrap {
background: #fff;
border-bottom: 1px solid #eee;
margin: 0 -12px;
padding: 0 12px;
height: 46px;
line-height: 46px;
}
.label {
color: #999;
width: 4.5em;
}
.account-info-input {
font-size: 18px;
line-height: 100%;
height: 100%;
width: 100%;
}
.mysubmit {
width: 100%;
margin-bottom: 5px;
}
.myerr {
color: red;
}
.wx {
width: 100%;
background-color: red;
color: white;
}