.t-float-left { float: left; } .t-float-right { float: right; } @keyframes tdesign-fade-out { from { opacity: 1; } to { opacity: 0; } } .hotspot-expanded.relative { position: relative; } .hotspot-expanded::after { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scale(1.5); } /** dropdown-item */ .t-dropdown-item { position: fixed; right: 0; left: 0; top: 0; overflow: hidden; bottom: 0; /** 树形结构 */ } .t-dropdown-item__content { display: flex; flex-direction: column; z-index: 11600; overflow: hidden; } .t-dropdown-item__popup-host { display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; } .t-dropdown-item__body { flex: 1; background: var(--td-dropdown-menu-bg-color, var(--td-bg-color-block, #fff)); overflow: auto; max-height: var(--td-dropdown-body-max-height, 560rpx); } .t-dropdown-item__body--tree { display: flex; overflow: hidden; } .t-dropdown-item__body--multi { padding-top: var(--td-spacer, 16rpx); padding-bottom: var(--td-spacer, 16rpx); overflow-y: auto; } .t-dropdown-item__footer { display: flex; background: var(--td-dropdown-menu-bg-color, var(--td-bg-color-block, #fff)); position: relative; padding: 32rpx; } .t-dropdown-item__footer::before { z-index: 1; position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; left: 0; top: 0; border-top: 1px solid var(--td-border-level-1-color, #e6e6e6); transform: scaleY(0.5); } .t-dropdown-item__footer-btn { flex: 1; } .t-dropdown-item__footer-btn + .t-dropdown-item__footer-btn { margin-left: 32rpx; } .t-dropdown-item__radio, .t-dropdown-item__checkbox { width: 100%; overflow: scroll; box-sizing: border-box; } .t-dropdown-item__checkbox-group { display: grid; padding: 32rpx; grid-gap: 24rpx; } .t-dropdown-item__tree-item { height: var(--td-tree-item-height, 96rpx); line-height: var(--td-tree-item-height, 96rpx); font-size: var(--td-tree-item-font-size, 32rpx); padding-left: 32rpx; } .t-dropdown-item__tree-item--active { color: var(--td-tree-item-active-color, var(--td-primary-color, #0052d9)); }