<template>
  <view class="flex mx-[20rpx] flex-col">
    <view class="w-full relative z-2">
      <image
        src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/biaoti.png"
        mode="widthFix"
        class="w-full h-[100rpx]"
      />
      <view
        class="text-[40rpx] font-700 absolute top-[12rpx] left-[50rpx] tracking-[10rpx] text-white italic"
      >
        {{ title }}
      </view>
    </view>
    <view class="rounded-[40rpx] w-full mt-[-30rpx] relative z-3">
      <slot></slot>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineProps({
  title: {
    type: String,
    default: '教学特色',
  },
})
</script>

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