index.wxss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. /* pages/publics/publics.wxss */
  2. .limit-text-1 {
  3. display: -webkit-box;
  4. -webkit-line-clamp: 1;
  5. overflow: hidden;
  6. text-overflow: ellipsis;
  7. -webkit-box-orient: vertical;
  8. word-break: break-all;
  9. /*强制英文单词自动换行*/
  10. }
  11. .limit-text-3 {
  12. display: -webkit-box;
  13. -webkit-line-clamp: 3;
  14. overflow: hidden;
  15. text-overflow: ellipsis;
  16. -webkit-box-orient: vertical;
  17. word-break: break-all;
  18. /*强制英文单词自动换行*/
  19. }
  20. /* 顶部栏 */
  21. .top {
  22. position: relative;
  23. }
  24. /* 顶部栏 logo */
  25. .top-logo {
  26. z-index: 99;
  27. position: absolute;
  28. left: 50%;
  29. transform: translate(-50%, 0);
  30. width: 426rpx;
  31. height: 150rpx;
  32. }
  33. /* 顶部栏 搜索 */
  34. .top-serach {
  35. z-index: 99;
  36. position: absolute;
  37. left: 50%;
  38. bottom: 160rpx;
  39. transform: translate(-50%, 0);
  40. display: flex;
  41. }
  42. /* 顶部栏 搜索 */
  43. .search-input {
  44. padding: 0 30rpx;
  45. width: 434rpx;
  46. height: 72rpx;
  47. line-height: 72rpx;
  48. border-radius: 10rpx 0 0 10rpx;
  49. background-color: rgba(255, 255, 255, 0.6);
  50. }
  51. /* 顶部栏 搜索 */
  52. .search-button {
  53. border: none;
  54. width: 103rpx !important;
  55. height: 72rpx !important;
  56. line-height: 72rpx;
  57. padding: 0;
  58. background-color: rgba(80, 143, 244, 0.6);
  59. border-radius: 0 10px 10px 0;
  60. }
  61. /* 顶部栏 搜索 */
  62. .search-button image {
  63. width: 32rpx;
  64. height: 33rpx;
  65. text-align: center;
  66. margin-top: 19rpx;
  67. }
  68. /* 区政府领导 */
  69. .learder {
  70. position: relative;
  71. margin-top: -130rpx;
  72. background-color: #FFFFFF;
  73. border-radius: 6px;
  74. padding-bottom: 44rpx;
  75. }
  76. /* 区政府领导 */
  77. .learder image {
  78. width: 100px;
  79. height: 120px;
  80. }
  81. .swiper-name {
  82. font-size: 28rpx;
  83. color: #333333;
  84. }
  85. .swiper-item {
  86. font-size: 20rpx;
  87. color: #999999;
  88. margin-left: 10rpx;
  89. overflow: hidden;
  90. text-overflow: ellipsis;
  91. white-space: nowrap;
  92. }
  93. /* 标题栏 */
  94. .content-top {
  95. padding: 30rpx 34rpx 20rpx 41rpx;
  96. height: 32rpx;
  97. }
  98. /* 标题栏 */
  99. .content-title {
  100. line-height: 32rpx;
  101. font-size: 32rpx;
  102. font-weight: bold;
  103. color: #333333;
  104. margin-right: auto;
  105. }
  106. /* 标题栏 */
  107. .content-line {
  108. border-left: 6rpx solid #508FF4;
  109. height: 32rpx;
  110. margin-right: 20rpx;
  111. }
  112. /* 标题栏 */
  113. .content-more {
  114. color: #999999;
  115. font-size: 24rpx;
  116. height: 32rpx;
  117. }
  118. /* 政策文件 */
  119. .tab-item {
  120. font-size: 30rpx;
  121. text-align: center;
  122. line-height: 60rpx;
  123. color: #333333;
  124. height: 54rpx;
  125. display: flex;
  126. justify-content: center;
  127. flex-direction: row;
  128. }
  129. .tab-item.active {
  130. font-size: 30rpx;
  131. border-bottom: 7rpx solid #508FF4;
  132. position: relative;
  133. }
  134. /* 政策解读 */
  135. .policy-interpretation {
  136. background-color: #FFFFFF;
  137. border-radius: 12rpx;
  138. box-shadow: 0rpx 2rpx 5rpx 0rpx rgba(153, 153, 153, 0.17);
  139. margin: 0 20rpx;
  140. }
  141. scroll-view ::-webkit-scrollbar {
  142. display: none;
  143. width: 0;
  144. height: 0;
  145. color: transparent;
  146. }
  147. /* 滑动 */
  148. .scroll-wrapper {
  149. white-space: nowrap;
  150. -webkit-overflow-scrolling: touch;
  151. background: #FFF;
  152. height: 90rpx;
  153. padding: 0 32rpx;
  154. box-sizing: border-box;
  155. }
  156. /* 滑动块 */
  157. .navigate-item {
  158. display: inline-block;
  159. text-align: center;
  160. height: 80rpx;
  161. line-height: 90rpx;
  162. margin: 0 30rpx;
  163. position: relative;
  164. }
  165. /* 滑动块 */
  166. .names {
  167. font-size: 28rpx;
  168. color: #333333;
  169. height: 100%;
  170. }
  171. /* 滑动块 */
  172. .currtline {
  173. margin: -8rpx auto 0 auto;
  174. width: 100rpx;
  175. height: 6rpx;
  176. border-radius: 4rpx;
  177. }
  178. /* 滑动块 */
  179. .currtline.active {
  180. background: #508FF4;
  181. height: 7rpx;
  182. transition: all .3s;
  183. }