<template>
  <view class="mx-[30rpx] mt-[30rpx] bg-white rounded-[20rpx] p-[30rpx]">
    <TitleBar title="能力纬度详细介绍" />

    <view class="flex flex-col gap-[40rpx]">
      <view v-for="(item, index) in reportItems" :key="index">
        <view class="text-[32rpx] text-[#000] font-700">{{ item.title }}</view>
        <view class="text-[26rpx] text-[#666] mt-[6rpx]">
          {{ item.resolving || item.description }}
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import TitleBar from './TitleBar.vue'

defineProps({
  reportItems: {
    type: Array<any>,
    default: () => [],
  },
})
</script>

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