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">
			 		<img src="/static/images/my/about-icon.png" class="mall-image"/>
			 		<view class="content-body-box">
			 			<view class="content-name">
			 				<view class="name-text">数学暑假进阶L1</view>
			 			</view>
			 			<view class="content-text">适用于L1和学前，介绍介绍，适用于L1和学前，介绍介绍适用于L1和学前，介绍介绍</view>
			 		</view>
			 	</view>
			 </view>
		 </view>
	 </view>
	</uni-popup>
</template>

<script setup>
	import { ref } from 'vue';
	const $emit = defineEmits(['payBtn'])
	const detailPopup = ref(null); // 索引
	// 打开弹窗
	function detailShow() {
		detailPopup.value.open();
	}
	// 开启提分之旅按钮
	function detailPayBtn(){
		$emit('payBtn')
	}
	function detailCloseBtn(){
		detailPopup.value.close();
	}
	defineExpose({
			detailShow
		})
</script>