<script lang="ts" setup>
    defineProps({
        title: {
            type: String,
            default: '气象服务',
        },
        otherTitle: {
            type: String,
            default: '查看全部',
        },
        otherTitleVis: {
            type: Boolean,
            default: true,
        },
    })
</script>

<template>
    <!-- 头部 -->
    <view class="flex lh-7 justify-between pb-3 b-#EEEEEE b-b-2 b-b-solid">
        <view class="text-black text-35 font-600 line-blue">{{ title }}</view>
        <view class="b-2 b-#3E8FFD b-solid b-rd-4 pl-3 pr-1 text-#3E8FFD flex align-center" v-if="otherTitleVis">
            <text class="text-28 font-500">{{ otherTitle }}</text>
            <fui-icon name="arrowright" size="36" color="#3E8FFD" />
        </view>
        <slot name="content"></slot>
    </view>
</template>
