+
{{ value }}
@@ -52,6 +55,16 @@ const props = defineProps({
description: { type: String, default: '' }
});
+const valueFontSize = computed(() => {
+ const valStr = String(props.value ?? '');
+ const len = valStr.length;
+ if (len > 20) return 'text-[20px]';
+ if (len > 16) return 'text-[24px]';
+ if (len > 12) return 'text-[28px]';
+ if (len > 10) return 'text-[32px]';
+ return 'text-[38px]';
+});
+
function hexToRgba(hex, alpha) {
const h = String(hex || '')
.replace('#', '')
diff --git a/src/views/pages/MarketingAnalysis.vue b/src/views/pages/MarketingAnalysis.vue
index c58b4a5..28b2be2 100644
--- a/src/views/pages/MarketingAnalysis.vue
+++ b/src/views/pages/MarketingAnalysis.vue
@@ -651,24 +651,6 @@