imagebutton

cuiqian2004

2025-10-17 49dfdd3bf265db28d38167f34e9aabfdd3e8e5db

 components/oi-form/list/index.vue

@@ -1,8 +1,8 @@
<template>
   <view :class="viewMode ? 'oi-form-item-view':'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) {
@@ -105,23 +114,17 @@
   };
</script>

<style lang="scss" scoped>
<style lang="less" scoped>
   .oi-form-item {
      .uni-forms-item {
         margin-bottom: 11rpx;
         margin-bottom: 15rpx;
      }

   }

   .oi-form-item-view {
   .oi-form-item.large-mode {
      .uni-forms-item {
         padding-bottom: 5rpx;
         margin-bottom: 0;

         .uni-forms-item__label {
            height: 20px !important;
            padding: 0 10rpx 0 0 !important;
         }
         margin-left: 10rpx;
         margin-right: 10rpx;
      }
   }
</style>