From df481aebfb7a19eea5d6c02f93c6f5776b0fdc19 Mon Sep 17 00:00:00 2001 From: cuiqian2004 <cuiqian2004@163.com> Date: 星期五, 23 五月 2025 18:30:41 +0800 Subject: [PATCH] 界面大模式 --- components/oi-form/list/index.vue | 16 +++++++++++++--- 1 files changed, 13 insertions(+), 3 deletions(-) diff --git a/components/oi-form/list/index.vue b/components/oi-form/list/index.vue index a32dd99..693b9f9 100644 --- a/components/oi-form/list/index.vue +++ b/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> \ No newline at end of file -- Gitblit v1.9.1