el-descriptions 设置描述列表中标签的样式
时间: 2023-04-04 11:01:16 浏览: 654
el-descriptions 可以通过设置 label-class-name 属性来设置描述列表中标签的样式。具体方法是在 el-descriptions 标签中添加 label-class-name 属性,然后在 CSS 中定义对应的样式即可。
相关问题
如何使el-descriptions中的最后一个<el-descriptions-item> 元素和第二个 <el-descriptions> 的第一个 <el-descriptions-item> 元素连接起来
要使 `el-descriptions` 中的最后一个 `<el-descriptions-item>` 元素和第二个 `<el-descriptions>` 的第一个 `<el-descriptions-item>` 元素连接起来,可以使用以下 CSS 样式:
```
.el-descriptions:not(:last-child) .el-descriptions__item:last-child .el-descriptions__content::after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
width: 1px;
height: 10px;
background-color: #ebeef5;
transform: translateX(-50%);
}
```
这个样式会在除了最后一个 `el-descriptions` 以外的所有 `el-descriptions` 的最后一个 `<el-descriptions-item>` 元素上添加一个连接线,连接到下一个 `el-descriptions` 的第一个 `<el-descriptions-item>` 元素。需要注意的是,你需要为每个 `el-descriptions` 都添加这个样式,除了最后一个 `el-descriptions`。
<el-descriptions broder > 中嵌套el-descriptions,子el-descriptions会出现边框,怎么办?
在使用嵌套的el-descriptions时,子el-descriptions会出现边框的情况,可以通过设置子el-descriptions的border属性为false来解决。具体代码如下:
```html
<el-descriptions>
<el-descriptions-item label="外层信息"></el-descriptions-item>
<el-descriptions-item label="嵌套信息" :border="false">
<el-descriptions>
<el-descriptions-item label="内层信息"></el-descriptions-item>
</el-descriptions>
</el-descriptions-item>
</el-descriptions>
```
以上代码中,通过在子el-descriptions上设置border属性为false,实现了去掉子el-descriptions边框的效果。如果还有其他问题,可以继续提问哦。