解决app通信问题

heyujie

2021-05-24 4885600ecc369aa2e30a65de8dd7a410f13c34df

 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 {