From 4885600ecc369aa2e30a65de8dd7a410f13c34df Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期一, 24 五月 2021 11:25:04 +0800 Subject: [PATCH] 解决app通信问题 --- components/imagePopper.vue | 21 ++++++++++++++++----- 1 files changed, 16 insertions(+), 5 deletions(-) diff --git a/components/imagePopper.vue b/components/imagePopper.vue index 684aacd..84239ce 100644 --- a/components/imagePopper.vue +++ b/components/imagePopper.vue @@ -1,9 +1,11 @@ <template> <view> - <view class="img-box" :class="[show?'pic-show':'']"> + <!-- <view class="img-box"> <image :src="imgSrc" mode=""></image> + </view> --> + <view class="tui-actionsheet-mask" :class="[show?'tui-mask-show':'']" @tap="handleClickMask"> + <!-- <image :src="imgSrc" mode=""></image> --> </view> - <view class="tui-actionsheet-mask" :class="[show?'tui-mask-show':'']" @tap="handleClickMask"></view> </view> </template> @@ -18,7 +20,7 @@ props: { imgSrc: { type: String, - default: "../static/pic3.jpg" + default: "" }, show: { type: Boolean, @@ -85,10 +87,19 @@ right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); - z-index: 896; - /* transition: all 0.3s ease-in-out; */ + z-index: 99999; + transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; + uni-image { + width: 320px; + height: 240px; + display: inline-block; + overflow: hidden; + position: absolute; + top: 50%; + left: 7%; + } } .tui-mask-show { -- Gitblit v1.8.0