更新:更改组件字体大小

This commit is contained in:
2025-12-19 19:00:55 +08:00
parent 5d713e1d74
commit 71bf46e0a1
26 changed files with 604 additions and 226 deletions

View File

@@ -1,11 +1,15 @@
<template>
<div class=" m-4">
<div class="flex items-center">
<img src="@/assets/images/report/wxts_icon.png" alt="温馨提示" class="tips-icon" />
<span class="tips-title">温馨提示!</span>
<img src="@/assets/images/report/wxts_icon.png" :alt="title" class="tips-icon" />
<span class="tips-title">{{ title }}</span>
</div>
<div class="mt-1 ml-4">
<van-text-ellipsis rows="2" :content="content" expand-text="展开" collapse-text="收起" />
<van-text-ellipsis v-if="!defaultExpanded" :rows="2" :content="content" expand-text="展开"
collapse-text="收起" />
<div v-else class="tips-content">
{{ content }}
</div>
</div>
</div>
</template>
@@ -17,6 +21,14 @@ const props = defineProps({
content: {
type: String,
required: true
},
title: {
type: String,
default: '温馨提示!'
},
defaultExpanded: {
type: Boolean,
default: false
}
});
@@ -43,7 +55,7 @@ const isExpanded = ref(false);
}
.tips-content {
font-size: 14px;
font-size: 16px;
color: #333;
}
@@ -77,8 +89,7 @@ const isExpanded = ref(false);
}
:deep(.van-text-ellipsis) {
font-size: 12px;
font-size: 14px;
color: #999999;
}
</style>