更新:更改组件字体大小
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user