diff --git a/src/views/PlatformData/UserLoginStats.vue b/src/views/PlatformData/UserLoginStats.vue index 4393caf..2e91a5e 100644 --- a/src/views/PlatformData/UserLoginStats.vue +++ b/src/views/PlatformData/UserLoginStats.vue @@ -106,7 +106,11 @@ - + + + @@ -117,7 +121,11 @@ - + + + @@ -128,7 +136,11 @@ - + + + @@ -332,6 +344,18 @@ const getGrowthText = (growthStr) => { return `${prefix}${arrow} ${value}`; }; +// 获取表格数值颜色样式 +const getValueColorClass = (val) => { + if (!val || val === '-') return ''; + const strVal = String(val); + if (strVal.startsWith('+')) return 'text-green'; + if (strVal.startsWith('-')) return 'text-red'; + if (strVal === '0') return 'text-black'; + // 如果是数字且大于0(不带+号的情况) + if (!isNaN(parseFloat(strVal)) && parseFloat(strVal) > 0) return 'text-green'; + return ''; +}; + // 格式化日期 const formatDate = (date) => { if (!date) return ''; @@ -1199,6 +1223,10 @@ onMounted(() => { .card-tag.up { color: #52c41a; } .card-tag.down { color: #ff4d4f; } +.text-red { color: #ff4d4f; font-weight: bold; } +.text-green { color: #52c41a; font-weight: bold; } +.text-black { color: #333; font-weight: bold; } + /* Sections */ .chart-section, .detail-section { background: #fff;