From 0224735fb1cba46f6549adfa1f60ffd6b5041b72 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 21 五月 2025 16:13:45 +0800
Subject: [PATCH] feat: UI
---
packages/components/src/components/Card/OrderCardItem.vue | 33 +++++++++++----------------------
1 files changed, 11 insertions(+), 22 deletions(-)
diff --git a/packages/components/src/components/Card/OrderCardItem.vue b/packages/components/src/components/Card/OrderCardItem.vue
index fc4dd47..4f867b7 100644
--- a/packages/components/src/components/Card/OrderCardItem.vue
+++ b/packages/components/src/components/Card/OrderCardItem.vue
@@ -1,6 +1,9 @@
<template>
- <div class="order-card-item">
- <div class="order-card-item-label" :style="{ width: labelWidth, textAlign: textAlign }">
+ <div class="order-card-item" :class="{ danger }">
+ <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,38 +13,24 @@
</template>
<script setup lang="ts">
+import Taro from '@tarojs/taro';
+
defineOptions({
name: 'OrderCardItem',
});
type Props = {
label: string;
- value: string;
+ value: any;
labelWidth?: any;
textAlign?: any;
+ danger?: boolean;
};
const props = withDefaults(defineProps<Props>(), {
- labelWidth: '80px',
+ labelWidth: 140,
textAlign: 'left',
});
</script>
-<style lang="scss">
-.order-card-item {
- display: flex;
- font-size: 28px;
- line-height: 40px;
- margin-bottom: 15px;
-
- .order-card-item-label {
- color: #333333;
- }
-
- .order-card-item-value {
- color: #666666;
- flex: 1;
- min-width: 0;
- }
-}
-</style>
+<style lang="scss"></style>
--
Gitblit v1.9.1