antd-mobile
Version:
<div align="center">
61 lines (53 loc) • 1.27 kB
CSS
.adm-tree-select,
.adm-tree-select-multiple {
display: flex;
height: 100%;
font-size: var(--adm-font-size-main);
background-color: var(--adm-color-white);
}
.adm-tree-select-column,
.adm-tree-select-multiple-column {
overflow-y: auto;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.adm-tree-select-column:first-child,
.adm-tree-select-multiple-column:first-child {
background-color: var(--adm-color-box);
}
.adm-tree-select-column:nth-child(2),
.adm-tree-select-multiple-column:nth-child(2) {
background-color: var(--adm-color-box);
}
.adm-tree-select-item,
.adm-tree-select-multiple-item {
display: flex;
align-items: center;
min-height: 100px;
box-sizing: border-box;
padding: 12px 24px;
position: relative;
}
.adm-tree-select-item-active {
color: var(--adm-color-primary);
font-weight: bold;
background-color: white;
}
.adm-tree-select-multiple-item-expand {
color: var(--adm-color-primary);
font-weight: bold;
background-color: white;
}
.adm-tree-select-multiple-item-checkbox {
margin-right: 16px;
}
.adm-tree-select-multiple-dot {
position: absolute;
top: 50%;
margin-top: -6px;
right: 16px;
width: 12px;
height: 12px;
background: var(--adm-color-primary);
border-radius: 6px;
}