diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 712cab0..bc5aea9 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -13,6 +13,19 @@
       <image class="w-full h-full" :src="logo" mode="widthFix" />
     </view>
 
+    <view class="form">
+      <view
+        class="bg-white border-box p-12 rounded-10 flex flex-items-center mb-16"
+      >
+        <uni-icons class="mr-8" type="phone-filled" size="20" color="#999" />
+        <input class="w-272" type="tel" placeholder="请输入手机号" />
+      </view>
+      <view class="bg-white border-box p-12 rounded-10 flex flex-items-center">
+        <uni-icons class="mr-8" type="locked-filled" size="20" color="#999" />
+        <input class="w-272" type="text" password placeholder="请输入密码" />
+      </view>
+    </view>
+
     <!-- 协议勾选 -->
     <view class="login-agreement flex flex-items-center">
       <CheckBox v-model="isAgree">
@@ -36,36 +49,8 @@
     <!-- 按钮区域 -->
     <view class="login-btn-area">
       <!-- 同意隐私协议并获取手机号按钮 -->
-
-      <button
-        v-if="!isAgree"
-        class="login-btn"
-        type="primary"
-        @click="handleAgreeAndGetPhone"
-      >
-        <uni-icons type="weixin" size="20" color="#fff"></uni-icons>
-        微信一键登录
-      </button>
-
-      <button
-        v-if="isAgree && !appStore.tokenExpired"
-        class="login-btn"
-        type="primary"
-        open-type="getPhoneNumber"
-        @getphonenumber="getPhoneNumber"
-      >
-        <uni-icons type="weixin" size="20" color="#fff"></uni-icons>
-        微信一键登录
-      </button>
-
-      <button
-        v-if="isAgree && appStore.tokenExpired"
-        class="login-btn"
-        type="primary"
-        @click="handleLogin"
-      >
-        <uni-icons type="weixin" size="20" color="#fff"></uni-icons>
-        微信一键登录
+      <button class="login-btn" type="primary" @click="onSubmitForm">
+        登 录
       </button>
     </view>
 
@@ -100,8 +85,8 @@ const privacyAgreement = ref("");
 const AgreeType = ref("service");
 const logo = computed(() => getCurrentConfig().logo);
 
-// 同意隐私协议并获取手机号
-const handleAgreeAndGetPhone = () => {
+// 提交表单操作
+const onSubmitForm = () => {
   if (!isAgree.value) {
     uni.showToast({
       title: "请先同意服务协议和隐私协议",
@@ -111,18 +96,6 @@ const handleAgreeAndGetPhone = () => {
   }
 };
 
-const getPhoneNumber = (e) => {
-  onLogin(e)
-    .then(() => {
-      uni.showToast({
-        title: "登录成功",
-        icon: "success",
-      });
-      goBack();
-    })
-    .catch(() => {});
-};
-
 const handleLogin = () => {
   console.log("handleLogin");
   onLogin()
diff --git a/src/pages/login/styles/index.scss b/src/pages/login/styles/index.scss
index 0057239..a4d47ed 100644
--- a/src/pages/login/styles/index.scss
+++ b/src/pages/login/styles/index.scss
@@ -36,8 +36,16 @@
     }
   }
 
+  .form {
+    margin-top: 40px;
+  }
+
+  .w-272 {
+    width: 272px;
+  }
+
   .login-agreement {
-    margin-top: 80px;
+    margin-top: 40px;
     width: 304px;
   }
 }