uniProject/components/questionJiexi/questionJiexi.vue

<template>
	<uni-popup ref="popupRef" background-color="#fff" type="left" class="popup-container">
		<view class="ezy-dajx-page">
			<view class="icon-title-navBar-box">
				<view @click="handleBack" class="nav-bar-icon"></view>
				<view class="nav-bar-title">单元测试</view>
			</view>
			<view class="shiti-frame-box">
				<view class="dajx-content-box">
					<!-- 思路分析 -->
					<view class="slfx-title"></view>
					<view class="slfx-content"> {{data.jiangjie}}</view>
					<!-- <view class="slfx-content"> {{data.answer}}</view> -->
					
					<!-- 视频讲解 -->
					<view class="spjj-title"></view>
					<view class="spjj-video-box">
						<!-- 播放和放大按钮不用可以删除 -->
						<view class="play-btn"></view>
						<view class="scale-btn"></view>
						<!-- 这里放视频 ↓ -->
						<view class="spjj-video"></view>
					</view>
				</view>
			</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>