<script setup lang='ts'>
import router from '@/router';

const arr =[
  {
    name:'宁国概览',
    path:'/'
  },
  {
    name:'宁博动态',
    path:'/dynamic'
  },
  {
    name:'宁博文创',
    path:'/artwork'
  },
  {
    name:'宁博藏珍',
    path:'/treasure'
  },
  {
    name:'宁博展览',
    path:'/exhibition'
  },
  {
    name:'展馆预约',
    path:'/booking'
  },
  {
    name:'宁博活动',
    path:'/activeBooking'
  },
  {
    name:'志愿者之家',
    path:'/volunteerHome'
  },
]
</script>

<template>
<div class='all'>
  <div @click="router.push(item.path)" v-for="item in arr" :key="item.path">{{ item.name }}</div>
</div>
</template>

<style lang='less' scoped>
.all{
  display: flex;
  flex-wrap: wrap;
  &>div{
    padding: 20px;
    margin-right: 20;
    border: 1px solid #ccc;
  }
}
</style>