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