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