23 lines
648 B
Vue
23 lines
648 B
Vue
<template>
|
|
<div class="aa-dashcard">
|
|
<div class="aa-dashcard-head">
|
|
<span class="aa-dashcard-title">{{ title }}</span>
|
|
<span class="aa-dashcard-icon">{{ icon }}</span>
|
|
</div>
|
|
<div class="aa-dashcard-value">{{ value }}</div>
|
|
<div class="aa-dashcard-trend" :class="trend">{{ trendText }}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
title: { type: String, default: '' },
|
|
value: { type: [String, Number], default: '' },
|
|
icon: { type: String, default: '📊' },
|
|
trend: { type: String, default: 'up' },
|
|
trendText: { type: String, default: '' }
|
|
});
|
|
</script>
|
|
|
|
<style src="./DashboardCard.css"></style>
|