uniProject/pages/study/daoTipDialog.vue

<template>
	<uni-popup ref="daoTipPopup" type="bottom">
		<view class="game-popup-box">
			{{productTip}}
			<view style="background-color: #fff;" :style="{backgroundImage: 'url(' + productTip + ')'}">123123</view>
			<view @click="handleClose">我知道了</view>
		</view>
	</uni-popup>
</template>

<script setup>
	import {ref} from "vue";
	const props = defineProps({
	  productTip: {
	    type: String,
	    default: ''
	  },
	});
	const daoTipPopup = ref(null);
	const $emit = defineEmits(['dao-tip-close'])
	function handleShow() {
		daoTipPopup.value.open();
	}
	function handleClose() {
		daoTipPopup.value.close();
		$emit('dao-tip-close');
	}
	
	defineExpose({
		handleShow
	})
</script>

<style>
</style>