<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>
|
