<template>
	<uni-popup ref="popupRef" background-color="#fff" type="left" class="popup-container">
		<button @click="handleBack">返回</button>
		<view class="popup-content">
			<text class="text">popup 内容</text>
			<!-- 思路分析 -->
			<view> {{data.answer}}</view>
			<!-- 视频讲解 -->
			<view>
				{{data.jiangjie}}
			</view>
		</view>
	</uni-popup>
</template>

<script setup>
	import { ref,unref } from "vue";
	const popupRef = ref(null)
	let data = {};
	function showPopup(item) {
		data = item;
		popupRef.value.open()
	}
	
	function handleBack() {
		popupRef.value.close()
	}
	
	defineExpose({showPopup})
</script>

<style lang="scss">
	.popup-content {
		width: 100vw;
	}
</style>