ieplus-app/src/pagesOther/pages/test-center/mbti/components/results/mbti-head.vue

<template>
    <view class="flex flex-col justify-center items-center relative">
        <ie-image is-oss src="/testCenter/career/mbti-head-bg.png" custom-class="w-[100vw] h-352"/>
        <view class="flex flex-col justify-center items-center absolute top-30 z-1">
            <ie-image is-oss src="/testCenter/career/mbti-head-medal.png" custom-class="w-450"/>
        </view>
        <view class="flex flex-col justify-center items-center absolute top-70 z-2">
            <view class="text-36 text-white font-bold">{{ code }}</view>
            <view class="mt-16 text-32 text-white font-bold">MBTI测评报告</view>
        </view>
    </view>
</template>

<script setup lang="ts">
defineProps({
    code: String
})
</script>

<style scoped>

</style>