<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] line-height-[1.6]">
        {{ careerInfo.intro }}
      </text>
    </view>
    <view class="h-[16rpx] bg-[#f8f8f8] mt-[36rpx] mb-[40rpx]"></view>
    <view class="flex flex-col px-[32rpx] mt-[32rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[22rpx]">职业定义</text>
      <text class="text-[24rpx] text-[#636363] line-height-[1.6]">
        {{ careerInfo.definition }}
      </text>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineProps({
  careerInfo: {
    type: Object,
    default: () => ({}),
  },
})
</script>
