<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>