|
|
@@ -14,6 +14,20 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
+
|
|
|
+ <!-- 自定义预览弹窗 -->
|
|
|
+ <uni-popup ref="previewPopup" type="center" :safe-area="false" :is-mask-click="false">
|
|
|
+ <view class="custom-preview" style="position: relative">
|
|
|
+ <image
|
|
|
+ src="/static/images/login/ggg.gif"
|
|
|
+ mode="widthFix"
|
|
|
+ class="preview-image"
|
|
|
+ />
|
|
|
+ <view class="close-btn" @click="handleCloseImg" style="position: absolute;top: -30px;right: 5px">
|
|
|
+ <text class="close-icon" style="color:#fff">关闭</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
@@ -42,6 +56,9 @@
|
|
|
}
|
|
|
});
|
|
|
const tipMiddlePopup = ref(null); // 索引
|
|
|
+
|
|
|
+ const previewPopup = ref(null)
|
|
|
+
|
|
|
const $emit = defineEmits(['confirm-btn'])
|
|
|
// 打开弹窗
|
|
|
function handleShow() {
|
|
|
@@ -59,10 +76,15 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ function handleCloseImg() {
|
|
|
+ previewPopup.value.close()
|
|
|
+ }
|
|
|
+
|
|
|
function handleShowImage() {
|
|
|
- uni.previewImage({
|
|
|
- urls: ['/static/images/login/ggg.gif'],
|
|
|
- });
|
|
|
+ previewPopup.value.open()
|
|
|
+ // uni.previewImage({
|
|
|
+ // urls: ['/static/images/login/ggg.gif'],
|
|
|
+ // });
|
|
|
}
|
|
|
|
|
|
defineExpose({
|
wangxy