dingdanquanliucheng/frontend/mini-app/pages/login/login.wxml

<view class="page login-page">
  <view class="login-hero">
    <view class="hero-badge">Order System</view>
    <view class="hero-title">订单全流程管理系统</view>
    <view class="hero-desc">点击下方按钮，微信授权手机号快捷登录</view>
  </view>

  <view class="card login-card">
    <button class="wechat-btn" open-type="getPhoneNumber" bindgetphonenumber="handleGetPhoneNumber" loading="{{loading}}">
      {{ loading ? "登录中..." : "微信手机号一键登录" }}
    </button>
    <view wx:if="{{message}}" class="message">{{message}}</view>
    <view class="divider">或</view>
    <button class="ghost-btn" bindtap="goPasswordLogin">使用账号密码登录</button>
  </view>
</view>