From 49dfdd3bf265db28d38167f34e9aabfdd3e8e5db Mon Sep 17 00:00:00 2001
From: cuiqian2004 <cuiqian2004@163.com>
Date: 星期五, 17 十月 2025 10:16:58 +0800
Subject: [PATCH] imagebutton
---
components/oi-form/list/index.vue | 22 ++++++++++++++++++----
1 files changed, 18 insertions(+), 4 deletions(-)
diff --git a/components/oi-form/list/index.vue b/components/oi-form/list/index.vue
index a32dd99..cc3f911 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>
@@ -31,6 +31,8 @@
<OIFormDatePickerRange v-else-if="data.name == 'DatePickerRange'" :data="data" :model="model"
@on-change="onChange">
</OIFormDatePickerRange>
+ <OIFormImageButton v-else-if="data.name == 'ImageButton'" :data="data" @on-click="onClick">
+ </OIFormImageButton>
<OIFormText v-else-if="data.name == 'Text'" :data="data" :model="model">
</OIFormText>
<OIFormText v-else :data="data" :model="model">
@@ -51,6 +53,7 @@
import OIFormDatePicker from './date-picker/index.vue'
import OIFormDatePickerRange from './date-picker-range/index.vue'
import OIFormTimePicker from './time-picker/index.vue'
+ import OIFormImageButton from './image-button/index.vue'
export default {
name: "OIFormItem",
components: {
@@ -64,7 +67,8 @@
OIFormRadio,
OIFormDatePicker,
OIFormDatePickerRange,
- OIFormTimePicker
+ OIFormTimePicker,
+ OIFormImageButton
},
props: {
data: {
@@ -84,6 +88,11 @@
type: Array,
default: () => [],
},
+ },
+ data() {
+ return {
+ largeMode: getApp().globalData?.largeMode || false,
+ }
},
methods: {
onChange(e) {
@@ -112,5 +121,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