From a3602d589b532ff8228171a7af13d60fdc8a34a3 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期三, 21 九月 2022 18:47:24 +0800
Subject: [PATCH] #

---
 pages/user/user.vue            |    7 +++++++
 components/y-popup/y-popup.vue |   32 ++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 0 deletions(-)

diff --git a/components/y-popup/y-popup.vue b/components/y-popup/y-popup.vue
new file mode 100644
index 0000000..a792720
--- /dev/null
+++ b/components/y-popup/y-popup.vue
@@ -0,0 +1,32 @@
+<template>
+	<view>
+		<view class="y-popup-mask">
+			<view class="center"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'y-popup'
+	}
+</script>
+
+<style>
+	.y-popup-mask {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: fixed;
+		width: 100%;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, 0.4);
+	}
+	.center {
+		display: flex;
+		position: relative;
+		min-width: 400rpx;
+		min-height: 300rpx;
+		background-color: #FFF;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/user/user.vue b/pages/user/user.vue
index 02409e3..c922769 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -1,8 +1,15 @@
 <template>
+	<view class="">
+		<y-popup>
+			<view style="background-color: aqua;width: 100rpx;height: 100rpx;"></view>
+			<input type="text" style="background-color: aqua;">
+		</y-popup>
+	</view>
 </template>
 
 <script>
 </script>
 
 <style>
+	
 </style>
\ No newline at end of file

--
Gitblit v1.9.1