<template>
|
<div class="user-account-card">
|
<div class="user-account-card-title">
|
<img class="user-account-card-icon" :src="icon" alt="" />
|
<span class="user-account-card-text">{{ title }}</span>
|
</div>
|
<div class="user-account-card-content">{{ content }}</div>
|
<div class="user-account-card-remark">{{ remark }}</div>
|
<div class="user-account-card-actions">
|
<slot name="action" />
|
</div>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
defineOptions({
|
name: 'UserAccountCard',
|
});
|
|
type Props = {
|
title?: string;
|
content?: string;
|
icon?: string;
|
remark?: string;
|
};
|
|
const props = withDefaults(defineProps<Props>(), {});
|
</script>
|
