马铃薯app 1.白屏问题解决

gaoluyang

2026-06-04 ed39f5e8cb15ece064c45ee6ee0f370fc740244d

 src/App.vue

@@ -1,23 +1,111 @@
<template>
  <Splash v-if="showSplash" />
   <div v-else>
    <router-view />
  </div>
   <Splash v-if="showSplash" />
   <view v-else>
      <router-view />
   </view>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import Splash from './components/Splash.vue'
import { ref, onMounted } from "vue";
import Splash from "./components/Splash.vue";
import { confirmMessage } from "@/api/login.js";

const showSplash = ref(true)
const showSplash = ref(true);

onMounted(() => {
  setTimeout(() => {
    showSplash.value = false
  }, 5000)
})
   setTimeout(() => {
      showSplash.value = false;
   }, 5000);
	
   // 初始化推送服务,暂时注释，客户需要打开
   // initPushService();
});
// 初始化推送服务（uni-push 1.0）
const initPushService = () => {
   // #ifdef APP-PLUS
   console.log("开始初始化推送服务（uni-push 1.0）");
   if (typeof plus !== "undefined" && plus.push) {
      console.log("plus.push 存在:", plus.push);
		
      // 获取客户端推送标识
      console.log("使用 plus.push.getClientInfo 获取客户端标识");
      plus.push.getClientInfoAsync(info => {
         console.log("客户端推送标识:", info);
         uni.setStorageSync("clientid", info.clientid);
			
         // 这里可以将客户端标识发送到服务器
      });
      setTimeout(() => {
         console.log("使用 plus.push.getClientInfoAsync 获取客户端标识");
         plus.push.getClientInfoAsync(info => {
            console.log("客户端推送标识:", info);
            // 这里可以将客户端标识发送到服务器
         });
      }, 1000);
		
      // 监听推送消息点击事件
      plus.push.addEventListener("click", handlePushClick, false);
      // 监听推送消息接收事件
      plus.push.addEventListener("receive", handlePushReceive, false);
      console.log("推送服务注册成功");
   } else {
      console.log("推送服务不可用");
   }
   // #endif
};

// 处理推送消息点击事件
const handlePushClick = msg => {
   console.log("点击推送消息:", msg);
   console.log("解析后:", msg.payload.noticeId);
   try {
      if (msg.payload.needMarkRead) {
         confirmMessage(msg.payload.noticeId, 1).then(res => {
            if (msg.payload.url) {
               if (msg.payload.url.indexOf("/") === 0) {
                  uni.navigateTo({
                     url: msg.payload.url,
                  });
               } else {
                  uni.navigateTo({
                     url: "/" + msg.payload.url,
                  });
               }
            }
         });
      } else {
         if (msg.payload.url) {
            if (msg.payload.url.indexOf("/") === 0) {
               uni.navigateTo({
                  url: msg.payload.url,
               });
            } else {
               uni.navigateTo({
                  url: "/" + msg.payload.url,
               });
            }
         }
      }
   } catch (error) {
      uni.showToast({
         title: "路径:" + msg.payload,
         icon: "none",
      });
      uni.showToast({
         title: "跳转失败:" + error.message,
         icon: "none",
      });
   }
   // 解析并处理推送消息...
};

// 处理推送消息接收事件
const handlePushReceive = msg => {
   console.log("收到推送消息:", msg);
   // 处理接收的推送消息...
};
</script>

<style lang="scss">
@import "uview-plus/index.scss";
@import '@/static/scss/index.scss';
@import "@/static/scss/index.scss";
</style>