<template>
  <view class="container">
    <!-- <iframe
      id="iframeId"
      :src="fileUrl"
      frameborder="0"
      height="100%"
      width="100%"
      scrolling="auto"
      @load="onIframeLoad"
    /> -->
    <web-view :src="fileUrl"></web-view>
  </view>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

const props = defineProps({
  fileUrl: String
})

const tableHeight = ref('')
const tableHeightIframe = ref('')
const tableWidth = ref(0)
const preViewUrl = ref('')

onMounted(() => {
  tableHeight.value = uni.getSystemInfoSync().windowHeight - 1
  tableHeightIframe.value = uni.getSystemInfoSync().windowHeight - 150
  tableWidth.value = uni.getSystemInfoSync().windowWidth
  
  if (props.fileUrl) {
    // 文件预览逻辑可以在这里添加
  }
})

// iframe加载完成后的回调函数
const onIframeLoad = () => {
  // 在uniapp中操作iframe内容需要使用uni.createSelectorQuery()
  uni.createSelectorQuery().select('#iframeId').node((res) => {
    const iframe = res.node
    const iframeWindow = iframe.contentWindow
    
    // 注意：由于小程序安全限制，直接操作iframe内部DOM可能受限
    // 这里只是示例，实际可能需要通过postMessage与iframe通信
    iframeWindow.postMessage({
      type: 'styleUpdate',
      css: 'img { margin-left: 0px !important; }'
    }, '*')
  }).exec()
}
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  
  #iframeId {
    display: block;
    border: none;
  }
}
</style>