<template>
  <view class="w-full flex flex-col">
    <view class="flex flex-col items-center">
      <image
        src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/toubu.png "
        mode="scaleToFill"
        class="w-full h-[538rpx]"
      />
      <image
        src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/mingzi.png"
        mode="scaleToFill"
        class="h-[44rpx] w-[420rpx] bg-transparent mt-[-78rpx]"
      />
    </view>

    <view
      class="rounded-[0rpx_0rpx_20rpx_20rpx] h-[474rpx] ml-[36rpx] mr-[38rpx] bg-white px-[24rpx] pt-[28rpx] pb-[18rpx]"
    >
      <view class="flex items-center">
        <image
          src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/xuexiao.png"
          mode="scaleToFill"
          class="w-[214rpx] h-[180rpx] min-w-[214rpx]"
          @click="
            previewImg(
              ['https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/xuexiao.png'],
              0,
            )
          "
        />

        <view class="text-[26rpx] text-[#3d3d3d] ml-[16rpx] text-wrap">
          经济南市教育局批准成立的十二年一贯制学校，由山东锦泽实业集团投资创办，坐落于济南市平阴县深泉路1号，占地12万平方米，环境清幽，设施一流。
        </view>
      </view>
      <image
        src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/tifen.png"
        mode="scaleToFill"
        class="h-[234rpx]"
      />
      <view class="grid grid-cols-[1fr_2fr_1fr] text-[#333] text-[26rpx] gap-[10prx] mt-[6rpx]">
        <view class="justify-self-center">轻松可提</view>
        <view class="justify-self-center">复读生平均提分</view>
        <view class="justify-self-center">逆袭最高提分</view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const previewImg = (imgs: string[], index: number) => {
  uni.previewImage({
    urls: imgs,
    current: index,
  })
}
</script>

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