update: UiField 新增 labelFontSize api

Tomas

2022-01-12 870d658a429506fe9f2917a22dc35ce6254a5a89

update: UiField 新增 labelFontSize api

 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;