<template>
  <view class="mt-2 bg-white pb-3 overflow-y-auto">
    <view class="box-border w-160 grid grid-cols-7 gap-4 px-4">
      <view v-for="(item, index) in dataList" :key="item.id + index" class="text-center">
        <view class="text-xl font-semibold text-[#333]">{{ item.number }}</view>
        <view class="text-sm text-[#333] mt-1">{{ item.title }}</view>
        <view class="text-xs text-[#666] mt-1">{{ item?.subTitle }}</view>
      </view>
    </view>
  </view>
</template>

<script setup>
  defineOptions({
    name: 'FeedBnaner',
  })
  import data from './data.json'
  defineProps({
    dataList: {
      type: Array,
      default: data,
    },
  })
</script>

<style lang="scss" scoped></style>
