保誠-保戶業務員媒合平台
HelenHuang
2022-01-04 873bb61290fadf81f3ebbe0bab04bb1b0cc82013
PAMapp/components/Ui/UiField.vue
@@ -13,21 +13,33 @@
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import { isMobileDevice } from '~/shared/device';
import UtilsService from '~/shared/services/utils.service';
@Component
export default class UiField extends Vue {
  @Prop() span!: number;
  @Prop() icon!: string;
  @Prop() label!: string;
  @Prop() content!: string;
  @Prop() displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL';
  @Prop()
  span!: number;
  @Prop()
  icon!: string;
  @Prop()
  label!: string;
  @Prop()
  content!: string;
  @Prop()
  displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL';
  currentDevice: 'MOBILE' | 'DESKTOP' = 'MOBILE';
  //////////////////////////////////////////////////////////////////
  mounted(): void {
    this.currentDevice = isMobileDevice() ? 'MOBILE' : 'DESKTOP';
    this.currentDevice = UtilsService.isMobileDevice() ? 'MOBILE' : 'DESKTOP';
  }
  get fieldSpan(): number {