government.wxss 1.5 KB

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