update

src/pages/login/index.vue

@@ -0,0 +1,52 @@
+<script setup>
+import XNav from "../../components/XNav.vue";
+import BulletChat from "./BulletChat.vue";
+import {ref} from "vue";
+import AccountLogin from "./AccountLogin.vue";
+import PhoneLogin from "./PhoneLogin.vue";
+
+const currentTab = ref(0);
+const tabs = [
+    {
+        name: '手机号登录',
+    },
+    {
+        name: '账号密码登录',
+    },
+];
+</script>
+
+<template>
+    <!--登陆-->
+    <XNav></XNav>
+
+    <view class="h-[390rpx] relative overflow-hidden">
+        <image class="!absolute left-1/2 top-1/2 -translate-1/2 !w-[1198rpx] !h-[806rpx] -z-10 !pb-[40rpx]"
+               src="/static/icons/bg.png"></image>
+
+        <view class="!flex gap-[16rpx] items-center !mt-[56rpx] !ml-[16rpx]">
+            <image class="!w-[68rpx] !h-[68rpx]" src="/static/icons/hi.png"></image>
+            <view class="title">欢迎登录系统</view>
+        </view>
+
+        <BulletChat></BulletChat>
+    </view>
+
+    <view class="h-full bg-white !-mt-[20rpx] rounded-t-[20rpx]">
+        <tui-tabs class="!mx-auto !mb-[40rpx]" :tabs="tabs" :currentTab="currentTab" itemWidth="50%" @change="({index}) => currentTab=index" :width="300" :sliderWidth="130"></tui-tabs>
+
+        <PhoneLogin v-if="currentTab === 0"></PhoneLogin>
+        <AccountLogin v-else></AccountLogin>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.title {
+    color: rgb(29, 33, 41);
+    font-size: 26px;
+    font-weight: 700;
+    line-height: 28px;
+    letter-spacing: 0;
+    text-align: left;
+}
+</style>