完善页面

2025-08-28 18:20:17 +08:00
parent fdaa01f801
commit e1a4f57610
27 changed files with 953 additions and 178 deletions
--- a/src/pages/login/login.vue
+++ b/src/pages/login/login.vue
@ -0,0 +1,83 @@
+<route lang="jsonc" type="page">{
+    "layout": "default",
+    "style": {
+        "navigationBarTitleText": "",
+        "navigationBarBackgroundColor": "#fff"
+    }
+}</route>
+
+<template>
+    <view>
+        <view class="mx-48rpx mt-50rpx">
+            <view class="text-[#303133] text-40rpx leading-56rpx">
+                <text class="font-400 mr-24rpx">欢迎使用</text>
+                <text class="font-700">茶址</text>
+            </view>
+            <view class="font-400 text-26rpx leading-36rpx text-[#606266] mt-20rpx">登录后可进行茶室预约，开启您的专属茶席</view>
+        </view>
+        <view class="mt-176rpx w-162rpx h-160rpx mx-auto">
+            <wd-img :src="`${OSS}images/home_image5.png`" width="100%" height="100%" mode="aspectFill"></wd-img>
+        </view>
+        <view class="mt-124rpx mx-60rpx box-border">
+            <wd-button open-type="getPhoneNumber" @getphonenumber="login.handleGetPhoneNumber" custom-class="!bg-[#4C9F44] !rounded-8rpx !text-[#fff] !text-30rpx !leading-42rpx !h-90rpx !w-[100%] box-border">手机号一键登录</wd-button>
+            <view class="text-30rpx font-400 text-[#303133] leading-42rpx text-center mt-32rpx">其它手机号登录</view>
+        </view>
+
+        <view class="flex items-center mx-32rpx mt-64rpx">
+            <view class="w-32rpx h-32rpx">
+                <wd-checkbox v-model="agree" @change="login.handleAgree" checked-color="#4C9F44" size="large"> </wd-checkbox>
+            </view>
+            <view class="font-400 text-26rpx leading-40rpx text-[#8F959E] ml-14rpx flex-1" @click="agree = !agree">
+                我已阅读并同意 <text class="text-[#4C9F44]" @click.stop="login.handleToService">《服务协议》</text> 和<text class="text-[#4C9F44]" @click.stop="login.handleToPrivacy">《隐私政策》</text>，未注册手机号登录后将自动你为您创建账号
+            </view>
+        </view>
+    </view>
+</template>
+
+
+<script lang="ts" setup>
+    const OSS = inject('OSS')
+
+    const agree = ref<boolean>(false)
+
+    const login = {
+        // 获取手机号
+        handleGetPhoneNumber: (e: object) => {
+            console.log("🚀 ~ e:", e)
+            
+        },
+
+        handleAgree: (e: any) => {
+            console.log('e', e)
+        },
+
+        // 跳转到服务协议页面
+        handleToService: () => {
+
+        },
+
+        // 跳转到隐私政策页面
+        handleToPrivacy: () => {
+
+        },
+    }
+</script>
+
+<style lang="scss">
+    page {
+        background-color: #fff;
+    }
+
+    .service {
+        :deep() {
+            .wd-checkbox {
+                display: flex;
+                align-content: flex-start;
+            }
+
+            .wd-checkbox__label {
+                margin-left: 6rpx;
+            }
+        }
+    }
+</style>