<script setup lang="ts">
    import { climateModules, forecastModules, liveModules, weatherModules } from '@/utils/const/Navigation'

    const navs = [
        { dataSouce: liveModules, title: '实况监测' },
        { dataSouce: forecastModules, title: '预报信息' },
        { dataSouce: climateModules, title: '气候' },
        { dataSouce: weatherModules, title: '天气' },
    ]

    onMounted(() => {})
</script>

<template>
    <view class="">
        <!-- 头部 -->
        <!-- <Header title="监测预报" /> -->
        <!-- 内容 -->
        <view class="p-2 pt-3 pb-1">
            <view class="box-shadow-def p-2 pt-3 b-rd-2 mb-3 bg-#fff" v-for="(item, index) in navs" :key="index">
                <MenuHeader :title="item.title" otherTitle="展开更多" />
                <Grid :dataSouce="item.dataSouce" />
            </view>
        </view>
    </view>
</template>
