|
|
@ -4,7 +4,11 @@ |
|
|
|
<view class="cu-modal" :class="{ show: showModal }" @tap="hideModal(p, index)" v-if="popupCurrent === index && p.image"> |
|
|
|
<view class="cu-modal" :class="{ show: showModal }" @tap="hideModal(p, index)" v-if="popupCurrent === index && p.image"> |
|
|
|
<view class="cu-dialog" style="width: 610rpx;background: none;"> |
|
|
|
<view class="cu-dialog" style="width: 610rpx;background: none;"> |
|
|
|
<view class="img-box" @tap.stop="onPopup(p.path)"><image class="modal-img" :src="p.image" mode="aspectFit"></image></view> |
|
|
|
<view class="img-box" @tap.stop="onPopup(p.path)"><image class="modal-img" :src="p.image" mode="aspectFit"></image></view> |
|
|
|
|
|
|
|
<view class="close" @tap="hideModal(p, index)"> |
|
|
|
|
|
|
|
<u-icon name="close" size="34"></u-icon> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -68,4 +72,15 @@ export default { |
|
|
|
height: 830rpx; |
|
|
|
height: 830rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.close{ |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
|
|
|
|
right: 0; |
|
|
|
|
|
|
|
z-index: 999; |
|
|
|
|
|
|
|
border-radius: 50%; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
padding:20rpx; |
|
|
|
|
|
|
|
background-color: #aaaaaa; |
|
|
|
|
|
|
|
color:#fff; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|