update

src/pages/register/index.vue

@@ -1,11 +1,59 @@
 <script setup>
+import {reactive} from "vue";
+import XNav from "../../components/XNav.vue";
+import BulletChat from "../login/BulletChat.vue";
+import XInput from "../../components/XInput.vue";
+import SendMsg from "../../components/SendMsg.vue";
 
+const form = reactive({
+    phone: null,
+    wxCode: null,
+    verificationCode: null,
+    password: null,
+    code: null,
+});
+
+const success = () => {
+
+}
 </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] !pt-[44rpx]">
+        <view class="!px-[34rpx] !flex flex-col gap-[40rpx]">
+            <x-input v-model:model-value="form.wxCode" placeholder="请输入微信号"></x-input>
+            <x-input v-model:model-value="form.phone" placeholder="请输入手机号"></x-input>
+            <send-msg v-model:model-value="form.verificationCode"></send-msg>
+            <x-input v-model:model-value="form.password" placeholder="请输入登录密码"></x-input>
+            <x-input v-model:model-value="form.code" placeholder="请输入邀请码"></x-input>
+
+            <tui-button class="!mt-[52rpx]" @click="success">确认注册</tui-button>
+        </view>
+    </view>
 </template>
 
-<style scoped>
-
+<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>