|
@@ -2,20 +2,20 @@
|
|
<div class="flex flex-col gap-2 bg-[var(--el-bg-color-overlay)] p-6">
|
|
<div class="flex flex-col gap-2 bg-[var(--el-bg-color-overlay)] p-6">
|
|
<div class="flex items-center justify-between text-gray-500">
|
|
<div class="flex items-center justify-between text-gray-500">
|
|
<span>{{ title }}</span>
|
|
<span>{{ title }}</span>
|
|
- <el-tag>{{ tag }}</el-tag>
|
|
|
|
|
|
+ <!-- <el-tag>{{ tag }}</el-tag> -->
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row items-baseline justify-between">
|
|
<div class="flex flex-row items-baseline justify-between">
|
|
<CountTo :prefix="prefix" :end-val="value" :decimals="decimals" class="text-3xl" />
|
|
<CountTo :prefix="prefix" :end-val="value" :decimals="decimals" class="text-3xl" />
|
|
- <span :class="toNumber(percent) > 0 ? 'text-red-500' : 'text-green-500'">
|
|
|
|
|
|
+ <!-- <span :class="toNumber(percent) > 0 ? 'text-red-500' : 'text-green-500'">
|
|
{{ Math.abs(toNumber(percent)) }}%
|
|
{{ Math.abs(toNumber(percent)) }}%
|
|
<Icon :icon="toNumber(percent) > 0 ? 'ep:caret-top' : 'ep:caret-bottom'" class="!text-sm" />
|
|
<Icon :icon="toNumber(percent) > 0 ? 'ep:caret-top' : 'ep:caret-bottom'" class="!text-sm" />
|
|
- </span>
|
|
|
|
|
|
+ </span> -->
|
|
</div>
|
|
</div>
|
|
- <el-divider class="mb-1! mt-2!" />
|
|
|
|
|
|
+ <!-- <el-divider class="mb-1! mt-2!" />
|
|
<div class="flex flex-row items-center justify-between text-sm">
|
|
<div class="flex flex-row items-center justify-between text-sm">
|
|
<span class="text-gray-500">昨日数据</span>
|
|
<span class="text-gray-500">昨日数据</span>
|
|
<span>{{ prefix || '' }}{{ reference }}</span>
|
|
<span>{{ prefix || '' }}{{ reference }}</span>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|