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="aa" class="account-info-input" name="uname" />
</view>
<view class="flex-wrap input-wrap">
<text class="label">設置密碼</text>
<input password id="bb" class="account-info-input" name="upwd1" />
</view>
<view class="flex-wrap input-wrap">
<text class="label">確認密碼</text>
<input password id="cc" class="account-info-input" name="upwd2" />
</view>
</view>
<text class='shuoming'>請準確填寫賬號信息,有問題聯繫客服</text>
<button class='mysubmit' type='primary' 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: 6em;
}
.account-info-input {
font-size: 18px;
line-height: 100%;
height: 100%;
width: 100%;
}
.mysubmit {
width: 100%;
margin-bottom: 5px;
}
.myred{color: red;}