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; }