<template>
  <view class="mx-[36rpx] mt-[44rpx]">
    <view
      class="flex items-center justify-between mb-[30rpx]"
      hover-class="none"
      :hover-stop-propagation="false"
    >
      <text class="text-[32rpx] text-[#333333] font-semibold">高考资讯</text>
      <image class="w-[40rpx] h-[40rpx]" src="/static/images/home/right.svg"></image>
    </view>

    <view class="my-[30rpx]" hover-class="none" :hover-stop-propagation="false">
      <view
        class="truncate flex flex-col p-[32rpx]"
        style="border-bottom: 2rpx solid #eee"
        v-for="item in 3"
        :key="item"
      >
        <text class="truncate text-[28rpx] text-[#333333] font-normal mb-[16rpx] max-w-[70%]">
          家长请注意！六纬志愿VIP卡即将恢复家长请注意！六纬志愿VIP卡即将恢复家长请注意！六纬志愿VIP卡即将恢复家长请注意！六纬志愿VIP卡即将恢复
        </text>
        <text class="text-[24rpx] color-[#999999] font-normal">2024.12.04</text>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup></script>
