UNPKG

@cmstops/pro-compo

Version:

[物料平台文档中心](https://arco.design/docs/material/guide)

95 lines (80 loc) 1.63 kB
.list-panel-wrapper { * { user-select: none; &::selection { display: none; } } width: 420px; padding: 0 !important; overflow: hidden; border: none; border-radius: 4px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); .arco-popover-content { display: flex; flex-direction: column; height: 100%; max-height: 600px; margin-top: 0; overflow: hidden; } .list-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 11px 15px; color: white; font-weight: 500; background-color: #165dff; .header-options { display: flex; gap: 12px; align-items: center; div { cursor: pointer; &:hover { opacity: 0.8; } } } } .list-selected-record { flex: 1; overflow-y: scroll; &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-thumb { background-color: #ececec; -webkit-border-radius: 6px; opacity: 0.5; } .list-selected-item { display: flex; gap: 12px; align-items: center; padding: 9px 16px; overflow: hidden; .item-thumb { position: relative; width: 50px; height: 38px; overflow: hidden; .item-tag { position: absolute; top: 50%; left: 50%; color: white; transform: translate(-50%, -50%); } } .item-alias { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } }