From 1c7a0f0f76551c5a5360b1c54e5bd7fec44d9cae Mon Sep 17 00:00:00 2001
From: Mr.Shi <1878285526@qq.com>
Date: 星期二, 12 九月 2023 16:31:50 +0800
Subject: [PATCH] 小程序
---
minipro_standard/components/Preview.vue | 38 ++++++++++++++++++++++++++++++++++++--
1 files changed, 36 insertions(+), 2 deletions(-)
diff --git a/minipro_standard/components/Preview.vue b/minipro_standard/components/Preview.vue
index a6c4844..007ad0f 100644
--- a/minipro_standard/components/Preview.vue
+++ b/minipro_standard/components/Preview.vue
@@ -4,7 +4,7 @@
<u-icon name="close" size="20"></u-icon>
</div>
<div class="preview_content">
- <u-swiper :list="list" :current="current"></u-swiper>
+ <u-swiper :list="list" :autoplay="false" :height="300" bgColor="rgba(0,0,0,0)" :current="current"></u-swiper>
</div>
</div>
</template>
@@ -30,5 +30,39 @@
</script>
<style lang="scss" scoped>
-
+.preview {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.8);
+ z-index: 9999;
+ .preview_close {
+ position: fixed;
+ right: 50rpx;
+ top: 50rpx;
+ width: 70rpx;
+ height: 70rpx;
+ border-radius: 50%;
+ background: #B2B2B2;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 99999;
+ }
+ .preview_content::v-deep {
+ position: relative;
+ top: 50%;
+ left: 0;
+ transform: translate(0, -50%);
+ .u-swiper {
+ width: 100%;
+ height: 300rpx !important;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+}
</style>
--
Gitblit v1.9.3