[css] 分享一个标签等宽的 CSS 代码

使用效果如下，

但有 bug，设置里的标签页也会被修改，

这个问题本人解决不了，只能等大佬了，如果不介意的可以用用

.layout-tab-bar .item:not(.item--pin, .item--readonly) {
    min-width: 130px;
    max-width: 130px; /* 添加 max-width，确保非聚焦状态不超过 130px */
}
.layout-tab-bar .item--focus {
    min-width: 130px; /* 确保聚焦状态也有相同的 min-width */
    max-width: 130px; /* 保持一致 */
}
.layout-tab-bar .item:not(.item--pin, .item--focus) .item__text,
.layout-tab-bar .item:not(.item--pin, .item--focus) .item__icon, 
.layout-tab-bar .item:not(.item--pin, .item--focus) .item__icon + .item__text {
    transform: none;
}
.layout-tab-bar .item__text { 
    flex-grow: 1;
    text-align: start;
    overflow: hidden; /* 防止文本溢出 */
    text-overflow: ellipsis; /* 文本过长时显示省略号 */
    white-space: nowrap; /* 防止文本换行 */
}