usky-web-mobile/src/pages/common/webview/index.vue

<template>
  <view v-if="params.url">
    <web-view :webview-styles="webviewStyles" :src="`${params.url}`"></web-view>
  </view>
</template>

<script setup>
import { onReady, onLoad, onShow, onNavigationBarButtonTap } from "@dcloudio/uni-app";
import { ref, onMounted, inject, shallowRef, reactive, getCurrentInstance } from "vue";

const props = defineProps({
  // 数据
  src: {
    type: [String],
    default: null,
  },
});

const data = reactive({
  params: {},
  webviewStyles: {
    progress: {
      color: "#FF3333",
    },
  },
});

const { params, webviewStyles } = toRefs(data);

onLoad((event) => {
  params.value = event;
  if (event.title) {
    uni.setNavigationBarTitle({
      title: event.title,
    });
  }
});
</script>