<template>
  <view>
    <uni-row
      :gutter="10"
      class="w--100p my--10"
      :style="styleConfig.row"
      v-for="(item, index) of Object.entries(propConfig)"
      :key="index"
    >
      <uni-col :span="leftCol" class="c999" :style="styleConfig.left">
        <view> {{ item[1] }} </view>
      </uni-col>
      <uni-col :span="24 - leftCol" :style="styleConfig.right">
        <view>
          {{ object[item[0]]}}
        </view>
      </uni-col>
    </uni-row>
  </view>
</template>
<script setup lang="ts">
interface Props {
  object: any;
  leftCol?: number;
  propConfig: any;
  styleConfig?: any;
}
const props = withDefaults(defineProps<Props>(), {
  leftCol: 6,
  propConfig: {},
  styleConfig: {
    face: "",
    row: "",
    left: "",
    right: "",
  },
});
</script>

