horzi_rai_wxa/pageMy/reportRevolve/reportRevolve.vue

<template>
  <view class="container reportRevolve-container">
    <web-view :src="reportUrl" v-if="reportUrl"> </web-view>
    <!-- <cover-view class="clear-view">
        <cover-image class="clear-icon" @click="isClearHandler" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/close-icon.png"></cover-image>
      </cover-view> -->
  </view>
</template>

<script>
import { Report, User, Reports, FreeButton } from "@/config/api.js";
import { reportStrategyUrl } from "@/config/config";
let app = getApp({ allowDefault: true });
export default {
  data() {
    return {
      reportUrl: "",
    };
  },

  computed: {},
  methods: {
    isClearHandler() {
      uni.navigateBack();
    },
  },
  onLoad(option) {
    this.reportUrl = option.url + "?token=" + option.user;
    console.log(option, this.reportUrl);
  },
};
</script>

<style lang="scss" scoped>
.reportRevolve-container {
  .clear-view {
    position: fixed;
    width: 100%;
    height: 60rpx;
    z-index: 99999;
    font-size: 24rpx;
    box-sizing: border-box;
    left: 80rpx;
    top: 16rpx;
    .clear-icon {
      width: 20rpx;
      height: 20rpx;
      z-index: 99999;
    }
  }
  //   padding-bottom: 200rpx;
  //   padding-bottom: calc(200rpx + constant(safe-area-inset-bottom));
  //   padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
}
</style>