uniapp在应用启动时加一个自定义弹窗（每次启动只出现一次）

UniApp是一个基于Vue.js的跨平台框架，它允许开发者编写一套代码，构建运行在多个平台的应用，如微信小程序、H5、Android和iOS等。要在UniApp应用启动时添加一个自定义弹窗，这通常需要在`app.vue`或全局的生命周期钩子中处理。这里是一个基本步骤：

1. **创建一个弹窗组件**：
首先，你需要创建一个自定义组件，比如`CustomAlert.vue`，用于显示弹窗内容。

<template>
  <view :class="{ visible: show }">
    <text>{{ message }}</text>
    <!-- 添加关闭按钮或其他交互元素 -->
  </view>
</template>

<script setup>
import { ref } from 'vue';

const show = ref(false);
const message = ref('这是您的首次提醒');

// 当组件加载时设置显示状态
onMounted(() => {
  if (!localStorage.getItem('showed')) {
    show.value = true;
    localStorage.setItem('showed', true); // 存储已显示标记
  }
})
</script>

2. **在`app.vue`中引用并控制弹窗展示**：
在`app.vue`的`<template>`部分导入这个组件，并通过条件渲染或生命周期钩子控制其显示。

<template>
  <view>
    <router-view/>
    <keep-alive> <!-- 为了复用组件 -->
      <custom-alert v-if="shouldShowCustomAlert"></custom-alert>
    </keep-alive>
  </view>
</template>

<script>
import CustomAlert from '@/components/Common/CustomAlert.vue';
...
methods: {
  shouldShowCustomAlert() {
    return !localStorage.getItem('showed');
  }
}
</script>

这样，当应用启动时如果`localStorage`中没有存储`showed`标志，就会显示自定义弹窗，并在用户关闭后将其标记为已显示，下次启动就不会再显示了。