diff --git a/components/Login/Login.vue b/components/Login/Login.vue
new file mode 100644
index 0000000..9dcf6e2
--- /dev/null
+++ b/components/Login/Login.vue
@@ -0,0 +1,28 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-19 14:58:23
+	 */
+	import {
+		ref
+	} from 'vue'
+
+	const mask_show = ref(true)
+	const login_show = ref(true)
+	const toLogin = () => {
+		uni.navigateTo({
+			url: '/pages/main/login/login'
+		})
+	}
+</script>
+<template>
+	<view v-if="login_show">
+		<u-mask :show="mask_show" @click="toLogin()"></u-mask>
+		<u-mask :custom-style="{
+			opacity: 0
+		}" :show="!mask_show" @click="mask_show = true"></u-mask>
+	</view>
+</template>
+<style scoped>
+</style>
diff --git a/pages.json b/pages.json
index f98a706..8d4cd54 100644
--- a/pages.json
+++ b/pages.json
@@ -11,7 +11,16 @@
 			"navigationBarTitleText": "我的",
 			"enablePullDownRefresh": false
 		}
-	}],
+	}    ,{
+            "path" : "pages/main/login/login",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"subPackages": [{
 		"root": "pages/dev",
 		"pages": [{
@@ -46,5 +55,8 @@
 		"navigationBarTitleText": "uni-app",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
+	},
+	"easycom": {
+		"Login": "@/components/Login/Login.vue"
 	}
 }
diff --git a/pages/main/login/login.vue b/pages/main/login/login.vue
new file mode 100644
index 0000000..ff96e08
--- /dev/null
+++ b/pages/main/login/login.vue
@@ -0,0 +1,12 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-22 22:29:07
+	 */
+</script>
+<template>
+	Login
+</template>
+<style scoped>
+</style>
diff --git a/pages/main/user/user.vue b/pages/main/user/user.vue
index 9bd4272..2d43acb 100644
--- a/pages/main/user/user.vue
+++ b/pages/main/user/user.vue
@@ -9,7 +9,8 @@
 	} from 'vue'
 	import config from '@/config.js'
 </script>
-<template>
+<template>
+	<Login ></Login>
 	<view class="home_wrapper u-text-center">
 		<view class="home_logo_wrapper">
 			<u-image width="200rpx" height="200rpx" src="/static/logo.png"></u-image>