26 lines
628 B
Vue
26 lines
628 B
Vue
<template>
|
|
<div class="pl-10px mb-10px">
|
|
<div class="flex items-center">
|
|
<SvgIcon name="city" :size="16" color="transparent" />
|
|
<div class="text-[#828fa2] text-14px ml-4px">{{ data.name }}</div>
|
|
</div>
|
|
<div class="mt-6px">
|
|
<span class="text-28px font-bold">{{ data.value }}</span>
|
|
<span class="ml-10px text-14px">{{ data.unit }}</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { SvgIcon } from '/@/components/Icon/index'
|
|
defineProps({
|
|
loading: Boolean,
|
|
data: {
|
|
type: Object,
|
|
default: () => {},
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|