<template>
  <div class="main">
    <Grid square :gutter="10" :column-num="3">
      <GridItem :text="page.name" :icon="page.icon" v-for="page in pages" @click="$router.push(page.url)"></GridItem>
    </Grid>
  </div>
</template>

<script lang="ts" setup>
import {Grid, GridItem} from "vant";

const pages = [
  {name: "功能测试", url: "/tester/function", icon: "shield-o"},
  {name: "AI测试", url: "/tester/ai", icon: "bulb-o"},
  {name: "图片/XML 测试", url: "/tester/xml", icon: "music-o"},
  {name: "日历测试", url: "/tester/calendar", icon: "calendar-o"},
  {name: "标注测试", url: "/tester/map", icon: "flower-o"},
  {name: "头像测试", url: "/tester/avatar", icon: "user-circle-o"},
  {name: "VF测试", url: "/tester/vf", icon: "bulb-o"},
  {name: "AI客服测试", url: "/tester/ai-cs", icon: "service-o"}
]


</script>

<style scoped lang="less">
.main {
  padding: 0.32rem 0.16rem;
}
</style>
