From 870d658a429506fe9f2917a22dc35ce6254a5a89 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 12 一月 2022 10:27:16 +0800
Subject: [PATCH] update: UiField 新增 labelFontSize api
---
PAMapp/components/Ui/UiField.vue | 10 ++++++++--
1 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/PAMapp/components/Ui/UiField.vue b/PAMapp/components/Ui/UiField.vue
index 44e9ff4..aa64749 100644
--- a/PAMapp/components/Ui/UiField.vue
+++ b/PAMapp/components/Ui/UiField.vue
@@ -3,7 +3,7 @@
v-if="fieldDisplayDevice === 'ALL'
|| fieldDisplayDevice === currentDevice">
<div class="pam-field__label">
- <div class="pam-field__title"><i :class="fieldIcon"></i>{{ fieldLabel }}</div>
+ <div class="pam-field__title" :style="{ 'font-size': fieldLabelSize }"><i :class="fieldIcon"></i>{{ fieldLabel }}</div>
</div>
<p class="pam-field__content">
<slot></slot>
@@ -32,6 +32,9 @@
content!: string;
@Prop()
+ labelSize?: number;
+
+ @Prop()
displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL';
currentDevice: 'MOBILE' | 'DESKTOP' = 'MOBILE';
@@ -58,6 +61,10 @@
return this.displayDevice || 'ALL';
}
+ get fieldLabelSize(): string {
+ return (this.labelSize || 16) + 'px';
+ }
+
}
</script>
@@ -73,7 +80,6 @@
font-size: 12px;
}
.pam-field__title {
- font-size: 16px;
font-weight: bold;
display: flex;
align-items: center;
--
Gitblit v1.9.3