feat: UI

wupengfei

1 天以前 ddddcf83e7deb9d0a674d2bbead300089530d87e

 packages/components/src/components/Card/OrderCardItem.vue

@@ -1,6 +1,9 @@
<template>
  <div class="order-card-item" :class="{ danger }">
    <div class="order-card-item-label" :style="{ width: labelWidth, textAlign: textAlign }">
    <div
      class="order-card-item-label"
      :style="{ width: Taro.pxTransform(labelWidth), textAlign: textAlign }"
    >
      <slot name="label">{{ label }}</slot>
    </div>
    <div class="order-card-item-value">
@@ -10,6 +13,8 @@
</template>

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

defineOptions({
  name: 'OrderCardItem',
});
@@ -23,7 +28,7 @@
};

const props = withDefaults(defineProps<Props>(), {
  labelWidth: '80px',
  labelWidth: 140,
  textAlign: 'left',
});
</script>