miniProgram/subpages/login/login.wxml

<view class="login-container">  
  <view class='title'>用户登录</view>
  <view class="input-group" style="margin-top:100rpx;">  
    <text class="label">手机号：</text>  
    <input type="number" class="input" placeholder="请输入手机号" bindinput="handlePhoneNumberInput" />  
  </view>  
  <view class="input-group">  
    <text class="label">验证码：</text>  
    <input type="number" class="input" placeholder="请输入验证码" bindinput="handleCodeInput" disabled="{{!hasPhoneNumber}}" />  
    <button class="send-code {{showCountdown?'send-code-1':''}}" bindtap="sendCode" disabled="{{!hasPhoneNumber || showCountdown}}">
		获取验证码
		<text wx:if="{{showCountdown}}">{{seconds}}秒</text>
	</button>
  </view>
  <button class="login-btn" bindtap="login" disabled="{{!hasPhoneNumber || !hasCode}}">登录</button>  
  <button class="logout-btn" bindtap="logout" wx:if="{{isLoggedIn}}">退出登录</button>  
</view>