用uniapp 写一个打开页面欢迎效果

以下是使用uniapp实现打开页面欢迎效果的示例代码：

1. 创建一个新的uniapp项目。

2. 在pages文件夹中创建一个名为welcome的页面。

3. 在welcome页面的vue文件中添加以下代码：

<template>
  <div class="welcome">
    <img src="../static/logo.png" class="logo">
    <div class="title">欢迎使用uniapp！</div>
  </div>
</template>

<script>
export default {
  mounted() {
    setTimeout(() => {
      uni.redirectTo({
        url: '../index/index'
      })
    }, 2000)
  }
}
</script>

<style>
.welcome {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #fff;
}

.logo {
  width: 100px;
  height: 100px;
}

.title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
}
</style>

4. 在static文件夹中添加一个名为logo.png的图片作为欢迎页面的logo。

5. 在uniapp的manifest.json文件中将welcome页面设置为应用的启动页面：

{
  "pages": [
    {
      "path": "pages/welcome/welcome",
      "style": {}
    },
    {
      "path": "pages/index/index",
      "style": {}
    }
  ],
  "window": {
    "navigationBarTitleText": "uniapp",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTextStyle": "black",
    "backgroundTextStyle": "light"
  },
  "tabBar": {},
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  },
  "debug": true,
  "subPackages": []
}

6. 运行应用，即可看到打开应用时会先显示欢迎页面，2秒后跳转到应用的首页。

注意：以上代码仅为示例，实际项目中欢迎页面的设计和跳转逻辑可能有所不同，可以根据实际需求进行修改。