hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-07-19 21:35:06 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

统计：会员统计

Browse Source
This commit is contained in:
owen
2023-10-09 23:27:09 +08:00
parent d4a521eff1
commit 6b7040404e
7 changed files with 588 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/mall/statistics/trade/components/TradeTrendValue.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="mb-8 flex flex-row items-center gap-3">
<div class="flex flex-row items-center gap-3 rounded bg-[var(--el-bg-color-overlay)] p-4">
<div
class="h-12 w-12 flex flex-shrink-0 items-center justify-center rounded-1"
:class="`${iconColor} ${iconBgColor}`"
>
<Icon :icon="icon" class="!text-6" />
</div>
<div class="bg flex flex-col gap-1">
<div class="flex flex-col gap-1">
<div class="flex items-center gap-1 text-gray-500">
<span class="text-3.5">{{ title }}</span>
<el-tooltip :content="tooltip" placement="top-start" v-if="tooltip">
@ -17,7 +17,10 @@
<div class="text-7">
<CountTo :prefix="prefix" :end-val="value" :decimals="decimals" />
</div>
<span :class="toNumber(percent) > 0 ? 'text-red-500' : 'text-green-500'">
<span
v-if="percent != undefined"
:class="toNumber(percent) > 0 ? 'text-red-500' : 'text-green-500'"
>
<span class="text-sm">{{ Math.abs(toNumber(percent)) }}%</span>
<Icon
:icon="toNumber(percent) > 0 ? 'ep:caret-top' : 'ep:caret-bottom'"
@ -44,11 +47,6 @@ defineProps({
prefix: propTypes.string.def(''),
value: propTypes.number.def(0),
decimals: propTypes.number.def(0),
percent: propTypes.oneOfType([Number, String]).def(0)
percent: propTypes.oneOfType([Number, String]).def(undefined)
})
</script>
<style scoped>
.bg {
background-color: var(--el-bg-color-overlay);
}
</style>