youxi-app/pages/practice/detail.uvue

<script setup lang='ts'>
import { ref, onMounted, watchEffect } from 'vue'
import Loading from '@/components/loading.uvue'
import { router } from '@/.cool'
const progress = ref(1)
const webviewSrc = ref('')
var isLoading = ref(true)
onMounted(() => {
  const unitType = router.query().unitType
  switch (unitType) {
    case 'course_unit':
      webviewSrc.value = 'https://oss.xiaoxiongcode.com/physics-unit-practice/index.html?num=' + router.query().num
      break;
    case 'high_exam_view':
      webviewSrc.value = 'https://oss.xiaoxiongcode.com/gaokao/index.html?num=' + router.query().num
      break;
    case 'middle_exam_view':
      webviewSrc.value = 'https://oss.xiaoxiongcode.com/zhongkao/index.html?num=' + router.query().num
      break;
  }
})
function handleMessage(e) {
  var pages = getCurrentPages();
  const prevPage = pages[pages.length - 2];
  (prevPage as any).status = "success"
}
function handleLoad() {
  isLoading.value = false
  console.log('handleLoad')
}
onShow(() => {
  var pages = getCurrentPages();
  const prevPage = pages[pages.length - 2];
  (prevPage as any).status = "test"
})
</script>
<template>
  <Loading v-show="isLoading" />
  <web-view :src="webviewSrc" class="w-full h-full" @message="handleMessage" @load="handleLoad"></web-view>
</template>
<style lang="less" scoped></style>