@cmstops/pro-compo
Version:
[物料平台文档中心](https://arco.design/docs/material/guide)
145 lines (117 loc) • 2.16 kB
text/less
.tooltip-button {
height: auto;
padding: 20px;
}
.table_wrp {
height: 50vh;
}
._brTop(@p) {
border-top-left-radius: @p;
border-top-right-radius: @p;
}
/** 上传列表面板 */
// 布局部分
.panel_wrp {
position: absolute;
right: 10px;
bottom: 10px;
.panel_card {
.panel_header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.opt {
display: flex;
flex-direction: row;
gap: 15px;
}
}
.panel_list {
display: flex;
flex-direction: column;
.panel_item {
display: flex;
flex-direction: row;
justify-content: space-between;
.panel_column {
display: flex;
gap: 10px;
align-items: center;
&.flex-1 {
flex: 1;
}
&.flex-3 {
flex: 3;
}
}
}
}
}
}
// 样式部分
.panel_wrp {
width: auto;
overflow: hidden;
& *::selection {
display: none;
}
._brTop(12px);
.panel_card {
width: 350px;
transition: all 0.3s;
&.expend {
width: 420px;
}
.panel_header {
width: 90%;
height: 50px;
padding: 0 5%;
color: white;
background-color: rgb(var(--arcoblue-5));
._brTop(10px);
.title {
white-space: nowrap;
}
.opt {
font-size: 18px;
&::selection {
display: none;
}
.bar {
cursor: pointer;
}
}
}
.panel_list {
width: 100%;
height: 120px;
overflow-y: scroll;
transition: all 0.3s;
&::-webkit-scrollbar {
display: none;
}
&.un_expend {
height: 0;
overflow: hidden;
}
.panel_item {
height: 35px;
padding: 5px 15px;
.panel_column {
white-space: nowrap;
.media_alias {
width: 160px;
cursor: pointer;
}
}
}
}
}
}
/** 公用 */
.ellips {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}