fix: 修改首页ui

zhengyiming

3 天以前 80dc90be027ee26869c63860b7d6a0759a03546b

 packages/components/src/components/Dialog/ConfirmDialogInfoItem.vue

@@ -1,20 +1,36 @@
<template>
  <div class="confirm-dialog-content-info-item" :class="{ danger }">
    <div class="confirm-dialog-content-info-item-label">{{ label }}</div>
    <div class="confirm-dialog-content-info-item-label" :style="{ width: _labelWidth }">
      {{ label }}
    </div>
    <div class="confirm-dialog-content-info-item-content">{{ content }}</div>
  </div>
</template>

<script setup lang="ts">
import Taro from '@tarojs/taro';
import { computed } from 'vue';

defineOptions({
  name: 'ConfirmDialogInfoItem',
});

type Props = {
  label?: string;
  content?: string;
  content?: string | number;
  danger?: boolean;
  labelWidth?: string | number;
};

const props = withDefaults(defineProps<Props>(), {});
const props = withDefaults(defineProps<Props>(), {
  labelWidth: 'auto',
});

const _labelWidth = computed(() => {
  if (typeof props.labelWidth === 'string') {
    return props.labelWidth;
  }

  return Taro.pxTransform(props.labelWidth);
});
</script>