用uni-app写一个首页，有三个小图标跳转到三个功能

当使用 `uni-app` 创建一个首页时，您可以使用 `uni-icons` 或其他图标库来添加小图标，并使用 `uni-navto` 或 `uni-relaunch` 等跳方法实现功能页面之间的跳转。以下是一个示例代码，展示如何创建一个带有三个小图标的首页：

<template>
  <view class="home">
    <view class="icon-container">
      <view class="icon-item" @click="goToPage1">
        <uni-icons name="home"></uni-icons>
        <text>功能1</text>
      </view>
      <view class="icon-item" @click="goToPage2">
        <uni-icons name="heart"></uni-icons>
        <text>功能2</text>
      </view>
      <view class="icon-item" @click="goToPage3">
        <uni-icons name="settings"></uni-icons>
        <text>功能3</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    goToPage1() {
      uni.navigateTo({
        url: '/pages/page1'
      });
    },
    goToPage2() {
      uni.navigateTo({
        url: '/pages/page2'
      });
    },
    goToPage3() {
      uni.navigateTo({
        url: '/pages/page3'
      });
    }
  }
}
</script>

<style>
.home {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.icon-container {
  display: flex;
  justify-content: space-around;
  width: 80%;
}

.icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

uni-icons {
  font-size: 40px;
}
</style>

在上面的示例中，我们使用了 `uni-icons` 组件来添加图标，`name` 属性指定了图标的名称。您可以根据需求选择合适的图标，并调整样式。

每个小图标都绑定了点击事件，当用户点击时，将使用 `uni.navigateTo` 方法跳转到对应的页面。您可以根据实际需求修改跳转逻辑，使用 `uni-relaunch` 或其他跳转方法。

请注意，以上示例假设您已经在项目中正确引入了 `uni-icons` 组件，并创建了对应的功能页面。如有其他问题，请随时提问。