diff --git a/src/pages.json b/src/pages.json
index f546851..ee4742f 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,47 +1,76 @@
 {
-    "lazyCodeLoading": "requiredComponents",
-    "easycom": {
-        "autoscan": true,
-        "custom": {
-            "^u-(.*)": "vk-uview-ui/components/u-$1/u-$1.vue"
-        }
+  "lazyCodeLoading": "requiredComponents",
+  "easycom": {
+    "autoscan": true,
+    "custom": {
+      "^u-(.*)": "vk-uview-ui/components/u-$1/u-$1.vue"
+    }
+  },
+  "pages": [
+    {
+      "path": "pages/login/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
     },
-	"pages": [
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "首页"
-			}
-		}
-	],
-    "subPackages": [
-        {
-          "root": "pages/childPages",
-          "pages": [{
-            "path": "child/index",
-            "navigationBarTitleText": "分包子页"
-          }]
-        }
-    ],
-    "preloadRule": {
-      "pages/childPages/child/index": {
-          "network": "all",
-          "packages": ["__APP__"]
+    {
+      "path": "pages/login/register/index",
+      "style": {
+        "navigationStyle": "custom"
       }
     },
-    "condition": {
-      "current": 0,
-      "list": [{
-          "name": "分包子页",
-          "path": "pages/childPages/child/index",
-          "query": ""
+    {
+      "path": "pages/login/forgetPassword/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/infoCollection/index",
+      "style": {
+        "navigationBarTitleText": "基本信息"
+      }
+    },
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "首页"
+      }
+    }
+  ],
+  "subPackages": [
+    {
+      "root": "pages/childPages",
+      "pages": [
+        {
+          "path": "child/index",
+          "navigationBarTitleText": "分包子页"
         }
       ]
-    },
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
-	}
+    }
+  ],
+  "preloadRule": {
+    "pages/childPages/child/index": {
+      "network": "all",
+      "packages": [
+        "__APP__"
+      ]
+    }
+  },
+  "condition": {
+    "current": 0,
+    "list": [
+      {
+        "name": "分包子页",
+        "path": "pages/childPages/child/index",
+        "query": ""
+      }
+    ]
+  },
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "uni-app",
+    "navigationBarBackgroundColor": "#F8F8F8",
+    "backgroundColor": "#F8F8F8"
+  }
 }
diff --git a/src/pages/infoCollection/index.vue b/src/pages/infoCollection/index.vue
new file mode 100644
index 0000000..c3861f1
--- /dev/null
+++ b/src/pages/infoCollection/index.vue
@@ -0,0 +1,64 @@
+<template>
+    <scroll-view scroll-y="true">
+        <view class="content">
+            <view class="tip_back">
+                <text class="tip_text">* 页面内所有信息请如实填写；</text>
+                <text class="tip_text">* 信息确认提交审核后，您可以在审核记录页面内查看本次填报信息的审核进度。</text>
+            </view>
+            <view class="form_back">
+                <u-form :model="form" ref="uFormRef" id="uFormRef" >
+                    <u-form-item prop="phone" label="姓名" required>
+                        <u-input  v-model="value" type="text" :border="false" input-align="right"
+                                 placeholder="请输入人员姓名"></u-input>
+                    </u-form-item>
+                    <u-form-item prop="phone" label="性别" required>
+                        <u-input v-model="value" type="text" :border="false"
+                                 placeholder="请输入您的登录账号（企业名称）"></u-input>
+                    </u-form-item>
+                </u-form>
+            </view>
+        </view>
+    </scroll-view>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+    scroll-view {
+        width: 100%;
+        white-space: nowrap;
+        display: flex;
+    }
+
+    .content {
+        background-color: #F5F7FA;
+        display: flex ;
+        flex-direction: column;
+        height: 100%;
+
+        .form_back {
+            background-color: #FDFDFD;
+            padding-left: 30rpx;
+            padding-right: 24rpx;
+        }
+    }
+
+    .tip_back{
+        display: flex;
+        flex-direction: column;
+        margin: 20rpx 24rpx 20rpx 24rpx;
+
+        .tip_text {
+            color: #FB3737;
+            font-size: 24rpx;
+            line-height: 33rpx;
+        }
+    }
+
+
+
+
+</style>
diff --git a/src/pages/login/forgetPassword/index.vue b/src/pages/login/forgetPassword/index.vue
new file mode 100644
index 0000000..0e40448
--- /dev/null
+++ b/src/pages/login/forgetPassword/index.vue
@@ -0,0 +1,243 @@
+<template>
+    <scroll-view scroll-y="true">
+        <view class="content">
+                <view class="logo_back">
+                    <u-image width="100%" height="596rpx" src="/static/login_background.png"></u-image>
+                    <u-image width="240rpx" height="50rpx" src="/static/login_logo.png" class="logo"></u-image>
+                    <view class="overlay">
+                        <u-image width="334rpx" height="52rpx" src="/static/login_rc_logo.png"></u-image>
+                    </view>
+                </view>
+                <view class="login_back">
+                    <text class="title">重置密码</text>
+                    <view class="input_back">
+                        <u-form :model="form" ref="uFormRef" id="uFormRef" :border-bottom="false">
+                            <u-form-item prop="phone" :border-bottom="false">
+                                <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                         class="input_text"
+                                         placeholder="请输入您的手机号码"
+                                         clearable></u-input>
+                            </u-form-item>
+                            <u-form-item prop="phone" :border-bottom="false">
+                                <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                         class="input_pass"
+                                         placeholder="请输入短信验证码"></u-input>
+                            </u-form-item>
+                            <u-form-item prop="phone" :border-bottom="false">
+                                <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                         class="input_pass"
+                                         placeholder="请设置新密码"
+                                         clearable></u-input>
+                            </u-form-item>
+                            <u-form-item prop="phone" :border-bottom="false">
+                                <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                         class="input_pass"
+                                         placeholder="请再次输入新密码"
+                                         clearable></u-input>
+                            </u-form-item>
+                        </u-form>
+                    </view>
+                    <view class="login_back_button">
+                        <u-button class="register_text" shape="circle" type="primary" @click="toSubmit">提交</u-button>
+                        <u-button class="login_text" shape="circle" @click="toLogin">登录</u-button>
+                    </view>
+                </view>
+<!--                <view class="submit_back">-->
+<!--                    <u-image class="icon_back" width="120rpx" height="120rpx" src="/static/password_pass.png"></u-image>-->
+<!--                    <text class="title_text">密码重置成功</text>-->
+<!--                    <view class="login_back">-->
+<!--                        <u-button class="login_text_button" shape="circle" type="primary" @click="toLogin">返回登录</u-button>-->
+<!--                    </view>-->
+<!--                </view>-->
+
+        </view>
+    </scroll-view>
+</template>
+
+
+<script setup>
+
+    const toSubmit =() =>{
+
+    }
+
+    const toLogin =() =>{
+        uni.navigateTo({
+            url: `/pages/login/index`
+        })
+    }
+
+</script>
+
+<style lang="scss" scoped>
+    scroll-view {
+        width: 100%;
+        white-space: nowrap;
+        display: flex;
+    }
+    ::v-deep uni-page-wrapper {
+        display: flex !important;
+    }
+
+    .content {
+        display: flex ;
+        flex-direction: column;
+        height: 100%;
+    }
+
+    .logo_back {
+        height: 596rpx;
+
+        .logo {
+            top: 24rpx;
+            left: 24rpx;
+            position: absolute;
+        }
+
+        .overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 380rpx;
+            display: flex;
+            justify-content: center; /* 水平居中 */
+            align-items: center; /* 垂直居中 */
+        }
+    }
+
+    .login_back {
+        z-index: 1000;
+        margin-top: -295rpx;
+        display: flex;
+        flex: 1;
+        background-color: #ffffff;
+        border-top-left-radius: 30rpx;
+        border-top-right-radius: 30rpx;
+        /*align-items: center;*/
+        flex-direction: column;
+
+        .input_back {
+            padding-left: 50rpx;
+            padding-right: 50rpx;
+            width: 100%;
+        }
+
+        .input_text {
+            margin-top: 30rpx;
+            align-items: center;
+            text-align: center !important;
+            height: 100rpx;
+            border-radius: 50rpx;
+            font-size: 32rpx;
+            background-color: #F6F9FE;
+        }
+
+        .input_pass {
+            align-items: center;
+            text-align: center !important;
+            height: 100rpx;
+            border-radius: 50rpx;
+            font-size: 32rpx;
+            background-color: #F6F9FE;
+        }
+    }
+    .agreement{
+        margin-left: 50rpx;
+        margin-top: 20rpx;
+        .checkBox {
+            /*color: #000000;*/
+            /*opacity: 0.5;*/
+        }
+        .privacyAgreement{
+            color: #0466FC;
+            margin-left: -40rpx;
+            font-size: 26rpx;
+        }
+    }
+    .login_back_button {
+        margin-top: 15rpx;
+        margin-bottom: 15;
+        padding-left: 50rpx;
+        padding-right: 50rpx;
+        width: 100%;
+
+        .register_text {
+            color: #ffffff;
+            box-shadow: 0 10rpx 10rpx 0 #D4D6F7;
+            background-color: #0466FC;
+            border-radius: 50rpx;
+            height: 100rpx;
+            font-size: 36rpx;
+        }
+
+        .login_text {
+            margin-top: 40rpx;
+            color: #2E5AFE;
+            background-color: #FFFFFF;
+            border-radius: 50rpx;
+            height: 100rpx;
+            font-size: 36rpx;
+            border-style: solid;
+            border-color: #2E5AFE;
+        }
+    }
+
+    .title {
+        text-align: center;
+        overflow-wrap: break-word;
+        letter-spacing: 1px;
+        white-space: nowrap;
+        font-weight: bold;
+        color: #0D0E21;
+        font-size: 38rpx;
+        margin-top: 50rpx;
+    }
+
+    .submit_back{
+        z-index: 1000;
+        margin-top: -295rpx;
+        display: flex;
+        flex: 1;
+        background-color: #ffffff;
+        border-top-left-radius: 30rpx;
+        border-top-right-radius: 30rpx;
+        align-items: center;
+        flex-direction: column;
+
+        .title_text {
+            text-align: center;
+            overflow-wrap: break-word;
+            letter-spacing: 1px;
+            white-space: nowrap;
+            font-weight: bold;
+            color: #0D0E21;
+            font-size: 38rpx;
+            margin-top: 20rpx;
+        }
+
+        .icon_back{
+            margin-top: 160rpx;
+        }
+
+        .login_back{
+            margin-top: 50rpx;
+            margin-bottom: 30rpx;
+            padding-left: 50rpx;
+            padding-right: 50rpx;
+            width: 100%;
+
+            .login_text_button {
+                width: 100%;
+                color: #ffffff;
+                box-shadow: 0 10rpx 10rpx 0 #D4D6F7;
+                background-color: #0466FC;
+                border-radius: 50rpx;
+                height: 100rpx;
+                font-size: 36rpx;
+            }
+        }
+    }
+
+
+</style>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
new file mode 100644
index 0000000..73ccef9
--- /dev/null
+++ b/src/pages/login/index.vue
@@ -0,0 +1,244 @@
+<template>
+    <scroll-view scroll-y="true">
+        <view class="content">
+            <view class="logo_back">
+                <u-image width="100%" height="596rpx" src="/static/login_background.png"></u-image>
+                <u-image width="240rpx" height="50rpx" src="/static/login_logo.png" class="logo"></u-image>
+                <view class="overlay">
+                    <u-image width="334rpx" height="52rpx" src="/static/login_rc_logo.png"></u-image>
+                </view>
+            </view>
+            <view class="login_back">
+                <text class="title">欢迎登录人才库系统</text>
+                <view class="input_back">
+                    <u-form :model="form" ref="uFormRef" id="uFormRef" :border-bottom="false">
+                        <u-form-item prop="phone" :border-bottom="false">
+                            <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                     class="input_text"
+                                     placeholder="请输入您的登录账号（企业名称）"
+                                     clearable></u-input>
+                        </u-form-item>
+                        <u-form-item prop="phone" :border-bottom="false">
+                            <u-input v-model="value" type="password" :border="true" border-color="#F6F9FE"
+                                     class="input_pass"
+                                     placeholder="请输入您的登录密码"
+                                     password-icon></u-input>
+                        </u-form-item>
+                    </u-form>
+                </view>
+                <view class="agreement">
+                    <u-checkbox label-size="26rpx" v-model="isSelect" @change="changeCheckbox" size="26rpx"
+                                shape="circle"
+                                icon-size="28rpx" active-color="#0466FC" label="阅读" class="checkBox">已阅读并同意
+                    </u-checkbox>
+                    <text class="privacyAgreement"
+                          @tap="goWebView('https://www.51trust.com/trt/trt-uni-userprivacy.html')">
+                        《用户服务协议》
+                    </text>
+                </view>
+                <view class="login_back_button">
+                    <u-button class="login_text" shape="circle" type="primary" @click="toInfoPage">登录</u-button>
+                    <view class="text_back">
+                        <text class="text_button" @tap="toRegister">
+                            立即注册
+                        </text>
+                        <text class="text_button" @tap="toForgetPassword">
+                            忘记密码
+                        </text>
+                    </view>
+                    <view class="tip_text_back">
+                        <text class="star_text">
+                            *
+                            <text class="tip_text">登录时请注意区分登录账号的角色</text>
+                        </text>
+                        <text class="tip_text">
+                            {{`&nbsp;&nbsp;·填报单位请使用填报单位登录入口进行登录；`}}
+                        </text>
+                        <text class="tip_text">
+                            {{`&nbsp;&nbsp;·各省级主管单位（局）请使用主管部门登录入口进行登录；`}}
+                        </text>
+                        <text class="star_text">
+                            *
+                            <text class="tip_text">登录账号形式均为单位名称</text>
+                        </text>
+                    </view>
+                </view>
+
+            </view>
+        </view>
+    </scroll-view>
+</template>
+
+
+<script setup>
+
+    const toRegister =() =>{
+        uni.navigateTo({
+            url: `/pages/login/register/index`
+        })
+    }
+
+    const toForgetPassword =() =>{
+        uni.navigateTo({
+            url: `/pages/login/forgetPassword/index`
+        })
+    }
+
+    const toInfoPage =() =>{
+        uni.navigateTo({
+            url: `/pages/infoCollection/index`
+        })
+    }
+
+</script>
+
+<style lang="scss" scoped>
+    scroll-view {
+        width: 100%;
+        white-space: nowrap;
+        display: flex;
+    }
+    ::v-deep uni-page-wrapper {
+        display: flex !important;
+    }
+
+    .content {
+        display: flex ;
+        flex-direction: column;
+        height: 100%;
+    }
+
+    .logo_back {
+        height: 596rpx;
+
+        .logo {
+            top: 24rpx;
+            left: 24rpx;
+            position: absolute;
+        }
+
+        .overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 380rpx;
+            display: flex;
+            justify-content: center; /* 水平居中 */
+            align-items: center; /* 垂直居中 */
+        }
+    }
+
+    .login_back {
+        z-index: 1000;
+        margin-top: -295rpx;
+        display: flex;
+        flex: 1;
+        background-color: #ffffff;
+        border-top-left-radius: 30rpx;
+        border-top-right-radius: 30rpx;
+        /*align-items: center;*/
+        flex-direction: column;
+
+        .title {
+            text-align: center;
+            overflow-wrap: break-word;
+            letter-spacing: 1px;
+            white-space: nowrap;
+            font-weight: bold;
+            color: #0D0E21;
+            font-size: 38rpx;
+            margin-top: 50rpx;
+        }
+
+        .input_back {
+            padding-left: 50rpx;
+            padding-right: 50rpx;
+            width: 100%;
+        }
+
+        .input_text {
+            margin-top: 40rpx;
+            align-items: center;
+            text-align: center !important;
+            height: 100rpx;
+            border-radius: 50rpx;
+            font-size: 32rpx;
+            background-color: #F6F9FE;
+        }
+
+        .input_pass {
+            margin-top: 10rpx;
+            align-items: center;
+            text-align: center !important;
+            height: 100rpx;
+            border-radius: 50rpx;
+            font-size: 32rpx;
+            background-color: #F6F9FE;
+        }
+    }
+    .agreement{
+        margin-left: 50rpx;
+        margin-top: 20rpx;
+        .checkBox {
+            /*color: #000000;*/
+            /*opacity: 0.5;*/
+        }
+        .privacyAgreement{
+            color: #0466FC;
+            margin-left: -40rpx;
+            font-size: 26rpx;
+        }
+    }
+    .login_back_button {
+        margin-top: 15rpx;
+        padding-left: 50rpx;
+        padding-right: 50rpx;
+        width: 100%;
+
+        .login_text {
+            color: #ffffff;
+            box-shadow: 0 10rpx 10rpx 0 #D4D6F7;
+            background-color: #0466FC;
+            border-radius: 50rpx;
+            height: 100rpx;
+            font-size: 36rpx;
+        }
+        .text_back {
+            margin-top: 40rpx;
+            flex-direction: row;
+            display: flex;
+            justify-content: space-between;
+            margin-left: 10rpx;
+            margin-right: 10rpx;
+
+            .text_button{
+                font-size: 30rpx;
+                line-height: 42rpx;
+                color: #0466FC;
+            }
+        }
+        .tip_text_back{
+            display: flex;
+            flex-direction: column;
+            margin-top: 60rpx;
+            margin-bottom: 10rpx;
+            background-color: #F2F7FF;
+            border-radius: 10rpx;
+            padding: 20rpx;
+            .star_text {
+                color: #FB3737;
+                font-size: 24rpx;
+                line-height: 40rpx;
+            }
+            .tip_text{
+                color: #9B9BA4;
+                font-size: 24rpx;
+                line-height: 40rpx;
+            }
+        }
+
+    }
+
+
+</style>
diff --git a/src/pages/login/register/index.vue b/src/pages/login/register/index.vue
new file mode 100644
index 0000000..de99cc3
--- /dev/null
+++ b/src/pages/login/register/index.vue
@@ -0,0 +1,195 @@
+<template>
+    <scroll-view scroll-y="true">
+        <view class="content">
+            <view class="logo_back">
+                <u-image width="100%" height="596rpx" src="/static/login_background.png"></u-image>
+                <u-image width="240rpx" height="50rpx" src="/static/login_logo.png" class="logo"></u-image>
+                <view class="overlay">
+                    <u-image width="334rpx" height="52rpx" src="/static/login_rc_logo.png"></u-image>
+                </view>
+            </view>
+            <view class="login_back">
+                <text class="title">欢迎登录人才库系统</text>
+                <view class="input_back">
+                    <u-form :model="form" ref="uFormRef" id="uFormRef" :border-bottom="false">
+                        <u-form-item prop="phone" :border-bottom="false">
+                            <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                     class="input_text"
+                                     placeholder="请输入您的手机号码"
+                                     clearable></u-input>
+                        </u-form-item>
+                        <u-form-item prop="phone" :border-bottom="false">
+                            <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                     class="input_pass"
+                                     placeholder="请输入短信验证码"></u-input>
+                        </u-form-item>
+                        <u-form-item prop="phone" :border-bottom="false">
+                            <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                     class="input_pass"
+                                     placeholder="请设置密码"
+                                     clearable></u-input>
+                        </u-form-item>
+                        <u-form-item prop="phone" :border-bottom="false">
+                            <u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
+                                     class="input_pass"
+                                     placeholder="请再次输入密码"
+                                     clearable></u-input>
+                        </u-form-item>
+                    </u-form>
+                </view>
+                <view class="agreement">
+                    <u-checkbox label-size="26rpx" v-model="isSelect" @change="changeCheckbox" size="26rpx"
+                                shape="circle"
+                                icon-size="28rpx" active-color="#0466FC" label="阅读" class="checkBox">已阅读并同意
+                    </u-checkbox>
+                    <text class="privacyAgreement"
+                          @tap="goWebView('https://www.51trust.com/trt/trt-uni-userprivacy.html')">
+                        《用户服务协议》
+                    </text>
+                </view>
+                <view class="login_back_button">
+                    <u-button class="register_text" shape="circle" type="primary">注册</u-button>
+                    <u-button class="login_text" shape="circle" @click="toLogin">登录</u-button>
+                </view>
+            </view>
+        </view>
+    </scroll-view>
+</template>
+
+
+<script setup>
+
+    const toLogin =() =>{
+        uni.navigateTo({
+            url: `/pages/login/index`
+        })
+    }
+
+</script>
+
+<style lang="scss" scoped>
+    scroll-view {
+        width: 100%;
+        white-space: nowrap;
+        display: flex;
+    }
+    ::v-deep uni-page-wrapper {
+        display: flex !important;
+    }
+
+    .content {
+        display: flex ;
+        flex-direction: column;
+        height: 100%;
+    }
+
+    .logo_back {
+        height: 596rpx;
+
+        .logo {
+            top: 24rpx;
+            left: 24rpx;
+            position: absolute;
+        }
+
+        .overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 380rpx;
+            display: flex;
+            justify-content: center; /* 水平居中 */
+            align-items: center; /* 垂直居中 */
+        }
+    }
+
+    .login_back {
+        z-index: 1000;
+        margin-top: -295rpx;
+        display: flex;
+        flex: 1;
+        background-color: #ffffff;
+        border-top-left-radius: 30rpx;
+        border-top-right-radius: 30rpx;
+        /*align-items: center;*/
+        flex-direction: column;
+
+        .title {
+            text-align: center;
+            overflow-wrap: break-word;
+            letter-spacing: 1px;
+            white-space: nowrap;
+            font-weight: bold;
+            color: #0D0E21;
+            font-size: 38rpx;
+            margin-top: 50rpx;
+        }
+
+        .input_back {
+            padding-left: 50rpx;
+            padding-right: 50rpx;
+            width: 100%;
+        }
+
+        .input_text {
+            margin-top: 30rpx;
+            align-items: center;
+            text-align: center !important;
+            height: 100rpx;
+            border-radius: 50rpx;
+            font-size: 32rpx;
+            background-color: #F6F9FE;
+        }
+
+        .input_pass {
+            align-items: center;
+            text-align: center !important;
+            height: 100rpx;
+            border-radius: 50rpx;
+            font-size: 32rpx;
+            background-color: #F6F9FE;
+        }
+    }
+    .agreement{
+        margin-left: 50rpx;
+        margin-top: 20rpx;
+        .checkBox {
+            /*color: #000000;*/
+            /*opacity: 0.5;*/
+        }
+        .privacyAgreement{
+            color: #0466FC;
+            margin-left: -40rpx;
+            font-size: 26rpx;
+        }
+    }
+    .login_back_button {
+        margin-top: 15rpx;
+        padding-left: 50rpx;
+        padding-right: 50rpx;
+        width: 100%;
+
+        .register_text {
+            color: #ffffff;
+            box-shadow: 0 10rpx 10rpx 0 #D4D6F7;
+            background-color: #0466FC;
+            border-radius: 50rpx;
+            height: 100rpx;
+            font-size: 36rpx;
+        }
+
+        .login_text {
+            margin-top: 40rpx;
+            color: #2E5AFE;
+            background-color: #FFFFFF;
+            border-radius: 50rpx;
+            height: 100rpx;
+            font-size: 36rpx;
+            border-style: solid;
+            border-color: #2E5AFE;
+        }
+    }
+
+
+</style>
diff --git a/src/static/login_background.png b/src/static/login_background.png
new file mode 100644
index 0000000..e5d1bdc
Binary files /dev/null and b/src/static/login_background.png differ
diff --git a/src/static/login_logo.png b/src/static/login_logo.png
new file mode 100644
index 0000000..aef9379
Binary files /dev/null and b/src/static/login_logo.png differ
diff --git a/src/static/login_rc_logo.png b/src/static/login_rc_logo.png
new file mode 100644
index 0000000..47b3ff7
Binary files /dev/null and b/src/static/login_rc_logo.png differ
diff --git a/src/static/password_pass.png b/src/static/password_pass.png
new file mode 100644
index 0000000..496ac9d
Binary files /dev/null and b/src/static/password_pass.png differ