dz-app/pages/ie/components/card/pure-card.vue

<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.provinceName }}</view>
                <view>类别：{{ userSnapshot.examType }}</view>
            </view>
        </slot>
    </view>
</template>

<script>
import PrettyCard from "@/pages/ie/components/card/pretty-card.vue";
import {useInjectUserSnapshot} from "@/pages/ie/hooks/useUserSnapshotInjection";

export default {
    name: "pure-card",
    extends: PrettyCard,
    setup() {
        const {userSnapshot} = useInjectUserSnapshot()
        return {
            userSnapshot
        }
    }
}
</script>

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