subject_gxj/xj_project_app/pages/projectInfo/media/index.vue

<template>
	<view class="container">
		<!-- <web-view :src="pdfUrl"></web-view> -->
		<iframe :src="pdfUrl" class="iframe-area" frameborder="0"></iframe>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'

	import {
		onLoad,
	} from "@dcloudio/uni-app"

	let pdfUrl = ref(null)

	onLoad((Option) => {
    console.log(Option);
		pdfUrl.value = Option.filePath
	})
</script>

<style lang="scss" scoped>
	page {
		height: 100%;
		background-color: #EAF0FA;
	}

	.container {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		background: linear-gradient(180deg, #1869F6 0%, #EAF0FA 64%, #EAF0FA 100%);

		.iframe-area {
			// margin-top: 10%;
			width: 100%;
			height: 100%;
		}
	}
</style>