micro-ui-y
Version:
63 lines (51 loc) • 1.02 kB
CSS
.t-box {
display: flex;
flex-direction: column;
width: 20rem;
border: #ccc solid 0.0625rem;
}
.t-item {
height: 3rem;
display: flex;
justify-content: center;
align-items: center;
border-bottom: #0b97c4 solid 0.0625rem;
}
.drag {
background: #dfdfdf;
}
.move {
background: pink;
border-top: 0.2rem solid deeppink;
}
/*表格*/
.a-box {
/*width: 20rem;*/
display: flex;
border: #ccc solid 0.0625rem;
margin-left: 2rem;
box-sizing: border-box;
/*overflow: scroll;*/
/*margin-left: -12rem;*/
position: sticky;
}
.a-item {
display: flex;
justify-content: center;
align-items: center;
border-right: red solid 0.0625rem;
position: relative;
height: 2.5rem;
}
.col-resize {
cursor: col-resize;
}
.tuozhuai {
cursor: col-resize;
background: red;
width: 1rem;
position: absolute;
height: 100%;
right: -0.5rem;
z-index: -1;
}