index.wxss 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. page {
  2. background-color: rgb(247, 246, 242);
  3. }
  4. .uni-main.data-v-2dc02e59 {
  5. width: 100%;
  6. height: 100%;
  7. background-color: #fff;
  8. font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  9. }
  10. .sticky-nav.data-v-2dc02e59 {
  11. position: -webkit-sticky;
  12. position: sticky;
  13. width: 100%;
  14. top: 0;
  15. z-index: 1;
  16. }
  17. .nav-bar.data-v-2dc02e59 {
  18. padding-top: 50rpx;
  19. padding-bottom: 20rpx;
  20. display: -webkit-box;
  21. display: -webkit-flex;
  22. display: flex;
  23. -webkit-box-pack: justify;
  24. -webkit-justify-content: space-between;
  25. justify-content: space-between;
  26. -webkit-box-align: center;
  27. -webkit-align-items: center;
  28. align-items: center;
  29. background: -webkit-gradient(linear, left top, left bottom, from(#ff9865), to(#ff7a55));
  30. background: -webkit-linear-gradient(#ff9865, #ff7a55);
  31. background: linear-gradient(#ff9865, #ff7a55);
  32. height: 125rpx;
  33. }
  34. .left-nav ._ul.data-v-2dc02e59 {
  35. padding: 0;
  36. margin-left: 20rpx;
  37. }
  38. .left-nav ._ul ._li.data-v-2dc02e59 {
  39. list-style: none;
  40. display: inline-block;
  41. height: 60rpx;
  42. line-height: 60rpx;
  43. width: 100rpx;
  44. text-align: center;
  45. color: #ffd6cd;
  46. font-size: 36rpx;
  47. font-weight: bold;
  48. padding-bottom: 4rpx;
  49. }
  50. .left-nav .active.data-v-2dc02e59 {
  51. color: #fff;
  52. font-size: 44rpx;
  53. border-bottom: 4rpx solid #fff;
  54. }
  55. .nav-box.data-v-2dc02e59 {
  56. width: 100%;
  57. padding-top: 90rpx;
  58. display: -webkit-box;
  59. display: -webkit-flex;
  60. display: flex;
  61. -webkit-box-align: center;
  62. -webkit-align-items: center;
  63. align-items: center;
  64. background: -webkit-gradient(linear, left top, left bottom, from(#ff9865), to(#ff7a55));
  65. background: -webkit-linear-gradient(#ff9865, #ff7a55);
  66. background: linear-gradient(#ff9865, #ff7a55);
  67. height: 135rpx;
  68. padding-bottom: 50rpx;
  69. }
  70. .nav-box .header-text.data-v-2dc02e59 {
  71. font-size: 45rpx;
  72. color: #333;
  73. font-weight: bold;
  74. width: 100%;
  75. text-align: center;
  76. margin-left: 20rpx;
  77. }
  78. .nav-box .header_operate.data-v-2dc02e59 {
  79. width: 23px;
  80. height: 21px;
  81. float: right;
  82. margin-right: 20rpx;
  83. }
  84. .right-nav.data-v-2dc02e59 {
  85. margin-right: 15rpx;
  86. }
  87. .right-nav .index_search.data-v-2dc02e59 {
  88. width: 45rpx;
  89. height: 45rpx;
  90. margin-right: 15rpx;
  91. }
  92. .right-nav .index_info.data-v-2dc02e59 {
  93. width: 45rpx;
  94. height: 45rpx;
  95. }
  96. .uni-list.data-v-2dc02e59 {
  97. position: relative;
  98. }
  99. .uni-list-item.data-v-2dc02e59 {
  100. padding: 20rpx 30rpx;
  101. margin-bottom: 8rpx;
  102. background-color: #FFFFFF;
  103. -webkit-border-radius: 8rpx;
  104. border-radius: 8rpx;
  105. position: relative;
  106. border-bottom: 2rpx solid #eee;
  107. }
  108. .uni-list_avatar.data-v-2dc02e59 {
  109. display: inline-block;
  110. width: 120rpx;
  111. }
  112. .uni-list_avatar .avatar.data-v-2dc02e59 {
  113. width: 100rpx;
  114. height: 100rpx;
  115. -webkit-border-radius: 100%;
  116. border-radius: 100%;
  117. vertical-align: top;
  118. }
  119. .uni-list_info.data-v-2dc02e59 {
  120. display: inline-block;
  121. width: calc(100% - 130rpx);
  122. vertical-align: top;
  123. }
  124. .uni-list_info > .icon.data-v-2dc02e59 {
  125. width: 60rpx;
  126. height: 64rpx;
  127. position: absolute;
  128. top: 0;
  129. right: 0;
  130. }
  131. .uni-list_info .albums .album.data-v-2dc02e59 {
  132. width: 30%;
  133. height: 200rpx;
  134. margin-right: 3%;
  135. display: inline-block;
  136. margin-bottom: 20rpx;
  137. margin-top: 20rpx;
  138. }
  139. .uni-list_info .text_nickname.data-v-2dc02e59 {
  140. font-size: 36rpx;
  141. font-weight: bold;
  142. }
  143. .uni-list_info .text_time.data-v-2dc02e59 {
  144. color: #999;
  145. padding: 20rpx 0rpx;
  146. }
  147. .uni-list_info .text_content.data-v-2dc02e59 {
  148. font-size: 36rpx;
  149. }
  150. .uni-list_info .text_option.data-v-2dc02e59 {
  151. margin-top: 30rpx;
  152. }
  153. .uni-list_info .text_option .btn.data-v-2dc02e59 {
  154. width: 33%;
  155. display: inline-block;
  156. color: #999;
  157. }
  158. .uni-list_info .text_option .comment.data-v-2dc02e59 {
  159. text-align: center;
  160. }
  161. .uni-list_info .text_option .share.data-v-2dc02e59 {
  162. text-align: right;
  163. }
  164. .uni-list_info .text_option .btn .icon.data-v-2dc02e59 {
  165. width: 32rpx;
  166. height: 32rpx;
  167. vertical-align: middle;
  168. margin-right: 10rpx;
  169. }
  170. .uni-publish.data-v-2dc02e59 {
  171. position: fixed;
  172. right: 30rpx;
  173. bottom: 15%;
  174. z-index: 3;
  175. }
  176. .uni-publish .send.data-v-2dc02e59 {
  177. width: 120rpx;
  178. height: 120rpx;
  179. }
  180. .uni-list_text.data-v-2dc02e59 {
  181. padding-top: 10rpx;
  182. }
  183. .uni-list_text .text_time.data-v-2dc02e59 {
  184. color: #999;
  185. }
  186. .uni-notice.data-v-2dc02e59 {
  187. height: 84rpx;
  188. line-height: 84rpx;
  189. border-bottom: 2rpx solid #eee;
  190. }
  191. .uni-notice .notice.data-v-2dc02e59 {
  192. font-size: 32rpx;
  193. padding-left: 20rpx;
  194. color: #ccad51;
  195. }