volunteer-4/src/pages-sub/home/career/components/VocationalSkill.vue

66 lines
2.0 KiB
Vue

<template>
<view class="flex flex-col">
<view class="flex flex-col px-[32rpx] mt-[40rpx]">
<text class="text-[32rpx] text-[#333] font-semibold mb-[23rpx]">职业技能</text>
<view class="mb-[36rpx]">
<view class="text-[26rpx] text-[#333] font-semibold">专业技能</view>
<text class="text-[24rpx] text-[#636363]">
{{ proSkill.skill_pro }}
</text>
</view>
<view class="mb-[36rpx]">
<view class="text-[26rpx] text-[#333] font-semibold">通用技能</view>
<text class="text-[24rpx] text-[#636363]">
{{ proSkill.skill_general }}
</text>
</view>
</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-[23rpx]">从业资格</text>
<view class="mb-[36rpx]">
<view class="text-[26rpx] text-[#333] font-semibold">必须项</view>
<text class="text-[24rpx] text-[#636363]">
{{ qualification.necessary }}
</text>
</view>
<view class="mb-[36rpx]">
<view class="text-[26rpx] text-[#333] font-semibold">附加项</view>
<text class="text-[24rpx] text-[#636363]">
{{ qualification.addition }}
</text>
</view>
</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]">
{{ ethics }}
</text>
</view>
</view>
</template>
<script lang="ts" setup>
defineProps({
proSkill: {
type: Object,
default: () => ({
skill_general: '',
skill_pro: '',
}),
},
qualification: {
type: Object,
default: () => ({
necessary: '',
addition: '',
}),
},
ethics: {
type: String,
default: '',
},
})
</script>