<template>
  <view class="flex flex-col">
    <view class="flex flex-col px-[32rpx] mt-[40rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[22rpx]">学历要求</text>
      <text class="text-[24rpx] text-[#636363]">
        {{ knowledgeInfo.diplomas }}
      </text>
    </view>
    <view class="h-[16rpx] bg-[#f8f8f8] mt-[36rpx] mb-[40rpx]"></view>
    <view class="flex flex-col px-[32rpx] mt-[40rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[22rpx]">行业知识</text>
      <text class="text-[24rpx] text-[#636363]">
        {{ knowledgeInfo.trade }}
      </text>
    </view>
    <view class="h-[16rpx] bg-[#f8f8f8] mt-[36rpx] mb-[40rpx]"></view>
    <view class="flex flex-col px-[32rpx] mt-[40rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[22rpx]">专业知识</text>
      <text class="text-[24rpx] text-[#636363]">
        {{ knowledgeInfo.pro }}
      </text>
    </view>
    <view class="h-[16rpx] bg-[#f8f8f8] mt-[36rpx] mb-[40rpx]"></view>
    <view class="flex flex-col px-[32rpx] mt-[40rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[22rpx]">大学课程</text>
      <text class="text-[24rpx] text-[#636363]">
        {{ jsonCurriculum.important }}
      </text>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineProps({
  knowledgeInfo: {
    type: Object,
    default: () => ({
      diplomas: '',
      pro: '',
      trade: '',
    }),
  },
  jsonCurriculum: {
    type: Object,
    default: () => ({
      important: '',
    }),
  },
})
</script>
