12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- .self-table{
- .self-table-tr{
- display: flex;
- align-items: center;
- min-height: 100rpx;
- border-bottom: 2rpx solid #3D4453;
- color: #FFFFFF;
- font-size: 28rpx;
- line-height: 40rpx;
- background: #373E4E;
- .self-table-td,.self-table-th{
- flex: 1;
- text-align: center;
- }
- &.self-table-head{
- background: #1C222E;
- min-height: 80rpx;
- color: #B8B8B8;
- font-size: 26rpx;
- line-height: 36rpx;
- border-bottom: none;
- .self-table-th{
- font-weight: 500;
- }
- }
- }
- &.self-table-border{
- .self-table-tr{
- overflow: hidden;
- .self-table-th,
- .self-table-td {
- position: relative;
- padding: 0 8rpx;
- &::after{
- content: '';
- width: 2rpx;
- height: 400px;
- position: absolute;
- top: -200px;
- left:0;
- background: #3D4453;
- }
- }
- }
- }
- }
|