<template>
  <view class="mt-[30rpx]">
    <RoundedBorder title="复读成果">
      <template>
        <view
          class="rounded-[40rpx] bg-white px-[36rpx] pt-[38rpx] pb-[20rpx] grid grid-cols-4 gap-x-[0rpx] gap-y-[28rpx]"
        >
          <view class="flex flex-col items-center" v-for="(item, index) in schools" :key="index">
            <image :src="item.badge" mode="scaleToFill" class="w-[120rpx] h-[120rpx] mb-[4rpx]" />
            <text class="text-[26rpx] text-[#333]">{{ item.name }}</text>
            <text class="text-[24rpx] text-[#999999]">{{ item.stuName }}</text>
          </view>

          <view class="col-span-full text-[26rpx] text-[#999999] text-center">
            部分学员录取院校展示
          </view>
        </view>
      </template>
    </RoundedBorder>
  </view>
</template>

<script lang="ts" setup>
import RoundedBorder from './RoundedBorder.vue'

const schools = [
  {
    name: '北京大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/beijingdaxue.png',
    stuName: '郭*悦',
  },
  {
    name: '北京体育大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/beijingtiyu.png',
    stuName: '张*楠',
  },
  {
    name: '杭州师范大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/hzsf.png',
    stuName: '付*',
  },
  {
    name: '青岛大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/qddx.png',
    stuName: '徐*',
  },
  {
    name: '中国矿业大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/kydx.png',
    stuName: '徐*天',
  },
  {
    name: '山西大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/sxdx.png',
    stuName: '赵*飞',
  },
  {
    name: '延边大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/ybdx.png',
    stuName: '张*婷',
  },
  {
    name: '河南理工大学',
    badge: 'https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/lgdx.png',
    stuName: '刘*',
  },
]
</script>

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