From 64536663d7cab836ef17d2d4f220ae3d438ec17a Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 10 Jan 2025 09:56:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(login):=20=E5=AE=9E=E7=8E=B0=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E5=8F=B7=E7=99=BB=E5=BD=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增手机号登录页面组件
- 添加手机号输入和验证码获取功能
- 实现验证码输入和登录功能
- 优化页面样式和布局
---
 app/pages/login/index.vue | 68 +++++++++++++++++++++++++++++++++++----
 commitlint.config.ts      | 32 ------------------
 eslint.config.js          |  9 ------
 package.json              |  3 --
 4 files changed, 61 insertions(+), 51 deletions(-)
 delete mode 100644 commitlint.config.ts
 delete mode 100644 eslint.config.js

diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index 8f0eab9..2d255f6 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -1,16 +1,70 @@
 <script setup>
+const phoneNum=ref('')
+const code=ref('')
 
+const pane=ref(0)
 </script>
 
 <template>
-  <div class="bg-[url('@/static/images/asdfsdd.png')] w-[100vw] h-[100vh] bg-cover pt-[86px]">
-    <div class="w-full flex justify-center">
-      <img class="w-[189px] h-[105px]" src="@/static/images/ghfggff.png" alt="">
+  <div class="h-[100vh] w-[100vw] bg-[url('@/static/images/asdfsdd.png')] bg-cover px-[31px] pt-[86px]">
+    <div class="w-full flex justify-center mb-[100px]">
+      <img class="h-[105px] w-[189px]" src="@/static/images/ghfggff.png" alt="">
+    </div>
+    <div v-if="pane===0">
+      <div class="">
+        <div class="w-full flex justify-between">
+          <div class="text-[16px] text-[#000]">
+            中国（大陆）
+          </div>
+          <div><van-icon color="#777" name="arrow" size="14" /></div>
+        </div>
+        <div class="border-b-[1.7px] mt-[8px]">
+          <van-field v-model="phoneNum" clearable placeholder="请输入手机号">
+            <template #label>
+              <div class="text-[16px] text-[#1A1A1A] flex align-center justify-start">
+                +86
+              </div>
+            </template>
+          </van-field>
+        </div>
+        <div />
+      </div>
+      <div class="mt-[55px]">
+        <van-button v-if="phoneNum" type="primary"  block style="height: 48px" >获取验证码</van-button>
+        <van-button v-else type="primary" color="#D3D3D3"  block style="height: 48px" >获取验证码</van-button>
+      </div>
+    </div>
+    <div v-else>
+      <div class="flex mb-[16px]">
+        <div class="text-[16px] text-[#BDBDBD] mr-[10px]">已发送验证码至</div>
+        <div class="text-[16px] text-[#000]">15834362333</div>
+      </div>
+      <van-password-input
+          :value="code"
+          :gutter="10"
+          focused
+      />
+      <div class="text-#2B53AC text-14px">
+        重新发送
+      </div>
+      <div class="mt-[17px]">
+        <van-button v-if="code.length === 6" type="primary"  block style="height: 48px" >登录</van-button>
+        <van-button v-else type="primary" color="#D3D3D3"  block style="height: 48px" >登录</van-button>
+      </div>
     </div>
   </div>
-
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped lang="scss">
+:deep(.van-cell.van-field){
+  padding-left: 0;
+}
+:deep(.van-password-input){
+  margin: 0;
+}
+:deep(.van-password-input__item){
+  border: 1px solid #E5E5E5;
+  width: 41px;
+  height: 41px;
+}
+</style>
diff --git a/commitlint.config.ts b/commitlint.config.ts
deleted file mode 100644
index 7f80f60..0000000
--- a/commitlint.config.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { UserConfig } from '@commitlint/types'
-import { RuleConfigSeverity } from '@commitlint/types'
-
-const Configuration: UserConfig = {
-  extends: ['@commitlint/config-conventional'],
-  formatter: '@commitlint/format',
-  rules: {
-    'type-enum': [
-      RuleConfigSeverity.Error,
-      'always',
-      [
-        'feat',
-        'fix',
-        'perf',
-        'style',
-        'docs',
-        'test',
-        'refactor',
-        'build',
-        'ci',
-        'chore',
-        'revert',
-        'wip',
-        'workflow',
-        'types',
-        'release',
-      ],
-    ],
-  },
-}
-
-export default Configuration
diff --git a/eslint.config.js b/eslint.config.js
deleted file mode 100644
index 8215466..0000000
--- a/eslint.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import antfu from '@antfu/eslint-config'
-import nuxt from './.nuxt/eslint.config.mjs'
-
-export default nuxt(
-  antfu({
-    unocss: true,
-    formatters: true,
-  }),
-)
diff --git a/package.json b/package.json
index 48eb5e3..6b97773 100644
--- a/package.json
+++ b/package.json
@@ -21,11 +21,8 @@
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.12.1",
     "@iconify-json/carbon": "^1.2.5",
-    "@nuxt/eslint": "^0.7.4",
     "@pinia/nuxt": "^0.9.0",
-    "@unocss/eslint-plugin": "0.65.2",
     "@unocss/nuxt": "0.65.2",
     "@unocss/preset-rem-to-px": "0.65.2",
     "@vant/nuxt": "^1.0.6",