【VUE】el-descriptions 描述列表

Descriptions 描述列表

列表形式展示多个字段。

    kooriookami
    18100000000
     苏州市 
    
       学校 
    
     江苏省苏州市吴中区吴中大道 1188 号 

1. 无数据时显示缺省符号，如无数据时显示 - 

添加 sass 样式

// 描述列表无数据时显示 '-'
.el-descriptions
	.el-descriptions__body
	.el-descriptions-item__content:empty::after,
.el-descriptions
	.el-descriptions__body
	.el-descriptions-item__content
	> div:empty::after,
.el-descriptions
	.el-descriptions__body
	.el-descriptions-item__content
	> div
	> div:empty::after,
.el-descriptions
	.el-descriptions__body
	.el-descriptions-item__content
	.approval:empty::after,
.el-descriptions
	.el-descriptions__body
	.el-descriptions-item__content
	div:empty::after,
.el-descriptions
	.el-descriptions__body
	.el-descriptions-item__content
	.line-limit-length:empty::after {content: '-';}

2. 不占满一行显示

				
					
						
						数据 1
					

					
						
						数据 2
					
				
                // 占半行的字段
				
						
						数据 3
					
				

 给占一半的字段单独放一个 el-descriptions 内