| | |
| | | <template> |
| | | <view v-if="showPopup" class="uni-popup" :class="[popupstyle]" @touchmove.stop.prevent="clear"> |
| | | <uni-transition v-if="maskShow" :mode-class="['fade']" :styles="maskClass" :duration="duration" :show="showTrans" |
| | | <uni-transition v-if="maskShow" :mode-class="['fade']" :styles="isShowMask?maskClass:maskClassHide" :duration="duration" :show="showTrans" |
| | | @click="onTap" /> |
| | | <uni-transition :mode-class="ani" :styles="transClass" :duration="duration" :show="showTrans" @click="onTap"> |
| | | <view class="uni-popup__wrapper-box" @click.stop="clear"> |
| | |
| | | maskClick: { |
| | | type: Boolean, |
| | | default: true |
| | | }, |
| | | isShowMask: { |
| | | type: Boolean, |
| | | default: true |
| | | } |
| | | }, |
| | | provide() { |
| | |
| | | 'right': 0, |
| | | 'backgroundColor': 'rgba(0, 0, 0, 0.4)' |
| | | }, |
| | | maskClassHide: { |
| | | 'position': 'fixed', |
| | | 'bottom': 0, |
| | | 'top': 0, |
| | | 'left': 0, |
| | | 'right': 0, |
| | | 'backgroundColor': 'rgba(0, 0, 0, 0)' |
| | | }, |
| | | transClass: { |
| | | 'position': 'fixed', |
| | | 'left': 0, |