first commit

pages/login/login.wxml

@@ -0,0 +1,48 @@
+<view class="login">
+
+  <!-- 登录卡片容器 -->
+  <view class="login-card">
+    <view class="login-text">登录</view>
+
+    <!-- 手机号输入区 -->
+    <view class="phone">
+      <image src="/assets/images/icon/Phone.svg" class="phone-icon"></image>
+      <input bindinput ="handlePhoneInput" placeholder="请输入手机号" />
+    </view>
+
+    <!-- 密码输入区 -->
+    <view class="password">
+      <image src="/assets/images/icon/password.svg" class="password-icon"></image>
+      <input type="password" bindinput="handlePasswordInput" placeholder="请输入密码" />
+      <image src="/assets/images/icon/eye.svg" class="eye-icon"></image>
+    </view>
+
+    <!-- 忘记密码链接 -->
+    <view class="forget-password">
+      <navigator>忘记密码?</navigator>
+    </view>
+
+    <!-- 登录按钮 -->
+    <view class="login-btn">
+      <button class="btn-dl" bind:tap="handleLogin" type="primary">登录</button>
+    </view>
+
+    <!-- 协议区 -->
+    <view class="agreement-area">
+      <checkbox class="agreement"></checkbox>
+      <view class="agreement-text">同意小程序的《使用协议》</view>
+    </view>
+  </view>
+
+  <!-- 登录提示框 -->
+  <view class="prompt-box">
+    <view class="line"></view>
+    <view class="lText">您还可以使用以下方式登录</view>
+    <view class="line"></view>
+  </view>
+
+  <!-- 其他登录方式 -->
+  <view class="other-login">
+    <image src="/assets/images/icon/weixin.svg"></image>
+  </view>
+</view>