tlb.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* pages/tlb/tlb.wxss */
  2. .top_bg {
  3. position: relative;
  4. }
  5. .top_bg>image{
  6. width: 100%;
  7. }
  8. .top_bg .top_title{
  9. position: absolute;
  10. left: 0;
  11. right: 0;
  12. margin: auto;
  13. color: #fff;
  14. text-align: center;
  15. top: 20rpx;
  16. font-size: 46rpx;
  17. font-weight: 600;
  18. }
  19. .tab{
  20. background: #fff;
  21. padding:0 20rpx;
  22. display: flex;
  23. border-bottom: 1px solid #f2f2f2;
  24. position: relative;
  25. top: -40rpx;
  26. border-radius: 20rpx;
  27. justify-content: space-between;
  28. }
  29. .tab view{
  30. font-size: 31rpx;
  31. color: #333;
  32. line-height: 80rpx;
  33. transition: all .1s linear;
  34. margin-right: 30rpx;
  35. font-weight: 500;
  36. }
  37. .tab .act{
  38. color: #FF583D;
  39. border-bottom: 2px solid #FF583D;
  40. }
  41. .number{
  42. width: 50rpx;
  43. display: inline-block;
  44. text-align: center;
  45. color: #999;
  46. font-size: 30rpx;
  47. font-weight: 600;
  48. position: relative;
  49. top: -3rpx;
  50. }
  51. image.number{
  52. top: 4rpx;
  53. margin-right: 10rpx;
  54. }
  55. scroll-view{
  56. height: calc(100vh - 285rpx);
  57. position: relative;
  58. top: -20rpx;
  59. }
  60. .list{
  61. color: #333;
  62. font-size: 28rpx;
  63. margin-bottom: 20rpx;
  64. padding: 0 20rpx;
  65. font-weight: 500;
  66. }
  67. .list text{
  68. margin-right: 10rpx;
  69. }
  70. .bar{
  71. display: inline-block;
  72. height: 30rpx;
  73. position: relative;
  74. top: 4rpx;
  75. }
  76. .list .usn{
  77. display: inline-block;
  78. width: 22%;
  79. text-align: right;
  80. overflow: hidden;
  81. text-overflow: ellipsis;
  82. white-space: nowrap;
  83. position: relative;
  84. top: 6rpx;
  85. }