<template>
    <view class="bg-gradient-to-br from-primary-deep to-primary-light mx-card mx-20 p-20">
        <uv-text size="16" :text="title" color="white"/>
        <slot>
            <view class="mt-10 fx-row fx-bet-cen text-white text-xs font-light">
                <view style="max-width: 33vw" class="truncate">姓名：{{ userSnapshot.nickName }}</view>
                <view>省份：{{ userSnapshot.location }}</view>
                <!-- <view>类别：{{ userSnapshot.examType }}</view> -->
                <view>
                      类别:
                      <ie-dict :dict-name="EnumDictName.EXAM_TYPE" :dict-value="userStore.userInfo.examType || '--'" />
                    </view>
            </view>
        </slot>
    </view>
</template>

<script>
import PrettyCard from "@/pagesOther/pages/ie/components/card/pretty-card.vue";
import {useInjectUserSnapshot} from "@/pagesOther/pages/ie/hooks/useUserSnapshotInjection";
import { useUserStore } from '@/store/userStore';
import { EnumDictName } from '@/common/enum';
export default {
    name: "pure-card",
    extends: PrettyCard,
    setup() {
        const {userSnapshot} = useInjectUserSnapshot()
        const userStore = useUserStore();
        return {
            userSnapshot,
            userStore,
            EnumDictName
        }
    }
}
</script>

<style scoped>
.pure-card {
    background: linear-gradient(270deg, #4EACFE, #2F70F7);
}
</style>