.bim-description { display: flex; flex-direction: column; width: 100%; /* 默认字体大小和颜色 */ font-size: var(--bim-desc-font-size, 14px); color: var(--bim-text-color, #333); /* 严格移除容器本身的 padding */ padding: 0; } .bim-description-item { display: flex; align-items: stretch; /* 严格移除 item 的 padding,完全由 label/value padding 控制 */ padding: 0; line-height: 1.5; } /* 边框模式 */ .bim-description.is-bordered { border-bottom: none; /* 最后一项会补齐 */ } .bim-description.is-bordered .bim-description-item { border-bottom: 1px solid var(--bim-border-color, #eee); } /* 标签样式 */ .bim-description-label { color: var(--bim-desc-label-color, var(--bim-label-color, #666)); flex-shrink: 0; /* 默认 padding: 0 4px */ padding: var(--bim-desc-label-padding, 4px 4px); display: flex; align-items: center; /* 垂直居中 */ } /* 边框模式下的标签样式 */ .bim-description.is-bordered .bim-description-label { border-right: 1px solid var(--bim-border-color, #eee); } /* 内容样式 */ .bim-description-value { color: var(--bim-desc-value-color, var(--bim-value-color, #333)); flex: 1; word-break: break-all; /* 默认 padding: 0 4px */ padding: var(--bim-desc-value-padding, 4px 4px); display: flex; align-items: center; }