uniProject/pages/mall/productDialog.vue

<template>
	<uni-popup ref="detailPopup" :animation="false" :is-mask-click="false"
		mask-background-color="rgba(51, 137, 217, 0.65);" style="z-index: 101;">
		<view class="mall-detail-dialog">
			<view class="detail-content-box">
				<icon class="cpmx-title"></icon>
				<icon class="dialog-close-btn" @click="detailCloseBtn"></icon>
				<view class="product-body-box">
					<!-- ↓需要换成从接口中取得 wgy -->
					<view class="detail-item-box" v-for="(item,index) in productList " :key="index">
						<img :src="item.cover" class="mall-image" />
						<view class="content-body-box">
							<view class="content-name">
								<view class="name-text">{{item.levelName}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</uni-popup>
</template>

<script setup>
	import {
		mallCardInfo
	} from "@/api/productMall.js"
	import {
		toast,
		debounce,
		getUserIdentity
	} from "@/utils/common";
	import {
		ref
	} from 'vue';
	const $emit = defineEmits(['payBtn'])
	const detailPopup = ref(null); // 索引
	let productList = ref([])
	// 打开弹窗
	function detailShow(data) {

		productList.value = data
		detailPopup.value.open();

	}
	// 开启提分之旅按钮
	function detailPayBtn() {
		$emit('payBtn')
	}

	function detailCloseBtn() {
		detailPopup.value.close();
	}
	defineExpose({
		detailShow
	})
</script>