interpretation.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /* pages/publics/interpretation/interpretation.wxss */
  2. /* 隐藏滚动条 */
  3. scroll-view ::-webkit-scrollbar {
  4. display: none;
  5. width: 0;
  6. height: 0;
  7. color: transparent;
  8. }
  9. /* 滑动 */
  10. .scroll-wrapper {
  11. white-space: nowrap;
  12. -webkit-overflow-scrolling: touch;
  13. background: #FFF;
  14. height: 90rpx;
  15. padding: 0 32rpx;
  16. box-sizing: border-box;
  17. }
  18. /* 滑动块 */
  19. .navigate-item {
  20. display: inline-block;
  21. text-align: center;
  22. height: 90rpx;
  23. line-height: 90rpx;
  24. margin: 0 30rpx;
  25. }
  26. /* 滑动块 */
  27. .names {
  28. font-size: 30rpx;
  29. color: #333333;
  30. font-weight: 500;
  31. }
  32. /* 滑动块 */
  33. .names.active {
  34. font-size: 30rpx;
  35. color: #508FF4;
  36. font-weight: 500;
  37. }
  38. /* 滑动块 */
  39. .currtline {
  40. margin: -8rpx auto 0 auto;
  41. height: 8rpx;
  42. border-radius: 4rpx;
  43. }
  44. /* 滑动块 */
  45. .currtline.active {
  46. background: #508FF4;
  47. transition: all .3s;
  48. }
  49. .list li{
  50. width: 90%;
  51. height: 58px;
  52. margin: 0 auto;
  53. display: flex;
  54. flex-direction: column;
  55. justify-content: center;
  56. border-bottom: 1px solid rgb(102 102 102 / 12%);
  57. }
  58. .list li .title::before {
  59. content: '·';
  60. font-size: 16px;
  61. font-weight: bold;
  62. margin-right: 5px;
  63. }
  64. .list li .title{
  65. width: 90%;
  66. margin: 0 auto;
  67. display: block;
  68. font-size: 16px;
  69. color: #333333;
  70. overflow: hidden;
  71. text-overflow: ellipsis;
  72. white-space: nowrap;
  73. }
  74. .list li .time{
  75. color: #999999;
  76. font-size:11px;
  77. width: 90%;
  78. margin: 0 auto;
  79. margin-top: 5px;
  80. }