界面大模式

cuiqian2004

2025-05-23 df481aebfb7a19eea5d6c02f93c6f5776b0fdc19

 components/oi-form/list/index.vue

@@ -1,8 +1,8 @@
<template>
   <view class="oi-form-item">
   <view class="oi-form-item" :class="largeMode?'large-mode':''">
      <uni-forms-item v-show="!hiddenIds.includes(data.fieldId)"
         :label="data.labelWidth === 0 ? '' : data.label? data.label+'：':''"
         :label-width="data.labelWidth || data.labelWidth === 0 ? data.labelWidth : 100+'px'"
         :label-width="largeMode?'100%': data.labelWidth || data.labelWidth === 0 ? data.labelWidth : 100+'px'"
         :style="{ textAlign: data.setting.align }">
         <OIFormText v-if="viewMode && data.disabled" :data="data" :model="model">
         </OIFormText>
@@ -85,6 +85,11 @@
            default: () => [],
         },
      },
      data() {
         return {
            largeMode: getApp().globalData?.largeMode || false,
         }
      },
      methods: {
         onChange(e) {
            this.$emit("on-change", this.data)
@@ -112,5 +117,10 @@
      }
   }


   .oi-form-item.large-mode {
      .uni-forms-item {
         margin-left: 10rpx;
         margin-right: 10rpx;
      }
   }
</style>