酷炫直播运营系统小程序版本

table.scss 807B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .self-table{
  2. .self-table-tr{
  3. display: flex;
  4. align-items: center;
  5. min-height: 100rpx;
  6. border-bottom: 2rpx solid #3D4453;
  7. color: #FFFFFF;
  8. font-size: 28rpx;
  9. line-height: 40rpx;
  10. background: #373E4E;
  11. .self-table-td,.self-table-th{
  12. flex: 1;
  13. text-align: center;
  14. }
  15. &.self-table-head{
  16. background: #1C222E;
  17. min-height: 80rpx;
  18. color: #B8B8B8;
  19. font-size: 26rpx;
  20. line-height: 36rpx;
  21. border-bottom: none;
  22. .self-table-th{
  23. font-weight: 500;
  24. }
  25. }
  26. }
  27. &.self-table-border{
  28. .self-table-tr{
  29. overflow: hidden;
  30. .self-table-th,
  31. .self-table-td {
  32. position: relative;
  33. padding: 0 8rpx;
  34. &::after{
  35. content: '';
  36. width: 2rpx;
  37. height: 400px;
  38. position: absolute;
  39. top: -200px;
  40. left:0;
  41. background: #3D4453;
  42. }
  43. }
  44. }
  45. }
  46. }