gaoluyang
8 天以前 adeb8b768926ed50a3fb0857f366d6a0308d2cc0
src/App.vue
@@ -1,19 +1,29 @@
<script>
<template>
  <Splash v-if="showSplash" />
   <div v-else>
    <router-view />
  </div>
</template>
export default {
   onLaunch: function () {
      console.log('App Launch')
   },
   onShow: function () {
      console.log('App Show')
   },
   onHide: function () {
      console.log('App Hide')
   }
}
<script setup>
import { ref, onMounted } from 'vue'
import Splash from './components/Splash.vue'
const showSplash = ref(true)
onMounted(() => {
  setTimeout(() => {
    showSplash.value = false
  }, 5000)
})
</script>
<style lang="scss">
// 使用 @use 替代 @import(如果uView-plus支持的话)
// 注意:由于uView-plus可能还不支持@use,这可能会导致样式问题
// @use "uview-plus/index.scss";
// @use '@/static/scss/index.scss';
// 暂时保留@import,直到uView-plus更新
@import "uview-plus/index.scss";
@import '@/static/scss/index.scss';
</style>