commit

2025-09-15 16:14:07 +08:00
parent 204deed9d6
commit 7a062e63ea
63 changed files with 25503 additions and 44428 deletions
@@ -0,0 +1,62 @@
+<script>
+module.exports = {
+  name: "TableColumn",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: [String, Number],
+      required: false
+    },
+    label_suffix:{
+      type: String,
+      default: "："
+    }
+  },
+}
+</script>
+
+<template>
+  <div class="table-column">
+    <!-- 左侧 Label -->
+    <div class="label">
+      <slot name="label">
+        {{ label }}
+        {{label_suffix}}
+      </slot>
+    </div>
+    <!-- 右侧 Value -->
+    <div class="value">
+      <slot>{{ value }}</slot>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.table-column {
+  display: flex;
+  padding: 6px 0;
+    align-items: center;
+}
+
+.label {
+  color: #333;
+  font-size: 14px;
+  flex-shrink: 0;
+  max-width: 120px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.value {
+  color: #555;
+  font-size: 14px;
+  flex-grow: 1; /* 动态占据剩余部分 */
+  white-space: nowrap; /* 防止换行 */
+  overflow: hidden; /* 隐藏溢出的部分 */
+  text-overflow: ellipsis; /* 省略号 */
+}
+</style>