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