From 1f96f089eb3546c682313d29513be04ac72e2de5 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 31 十月 2023 16:21:08 +0800
Subject: [PATCH] Merge branch 'master' of ssh://114.215.109.124:29418/grid-management-vue

---
 src/components/list/DescriptionsListItem.vue |   36 ++++++++++++++++++++++++++++++++++++
 1 files changed, 36 insertions(+), 0 deletions(-)

diff --git a/src/components/list/DescriptionsListItem.vue b/src/components/list/DescriptionsListItem.vue
new file mode 100644
index 0000000..65e34c8
--- /dev/null
+++ b/src/components/list/DescriptionsListItem.vue
@@ -0,0 +1,36 @@
+<template>
+  <tr>
+    <td v-if="label" class="td-1">{{ label }}</td>
+    <td v-else class="td-1"><slot name="label"></slot></td>
+    <td v-if="content" class="td-2">{{ content }}</td>
+    <td v-else class="td-2"><slot name="content"></slot></td>
+  </tr>
+</template>
+
+<script>
+export default {
+  props: {
+    label: String,
+    content: String
+  }
+};
+</script>
+
+<style scoped>
+tr {
+  font-size: var(--el-font-size-small);
+}
+td {
+  border: var(--el-border);
+  padding: 2px 6px;
+}
+.td-1 {
+  width: 68px;
+  background-color: var(--el-fill-color-light);
+  color: var(--el-text-color-regular);
+}
+
+.td-2 {
+  color: var(--el-text-color-primary);
+}
+</style>

--
Gitblit v1.9.3