news.wxss 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .tab_box {
  28. height: 219rpx;
  29. }
  30. .tab_box .tab_list {
  31. padding-top: 33rpx;
  32. display: -webkit-box;
  33. display: -webkit-flex;
  34. display: flex;
  35. -webkit-box-pack: justify;
  36. -webkit-justify-content: space-between;
  37. justify-content: space-between;
  38. }
  39. .tab_box .tab_list .item {
  40. width: 230rpx;
  41. text-align: center;
  42. }
  43. .tab_box .tab_list .item .icon image {
  44. -webkit-transition: 1s;
  45. transition: 1s;
  46. width: 70rpx;
  47. height: 70rpx;
  48. }
  49. .tab_box .tab_list .item .title {
  50. -webkit-transition: 1s;
  51. transition: 1s;
  52. height: 34rpx;
  53. font-size: 25rpx;
  54. font-family: PingFangSC-Medium, PingFang SC;
  55. font-weight: 500;
  56. color: #BDC3C7;
  57. line-height: 34rpx;
  58. }
  59. .tab_box .tab_list .item .tips {
  60. -webkit-transition: 1s;
  61. transition: 1s;
  62. height: 29rpx;
  63. font-size: 21rpx;
  64. font-family: PingFangSC-Regular, PingFang SC;
  65. font-weight: 400;
  66. color: #A2A4A6;
  67. line-height: 29rpx;
  68. }
  69. .tab_box .tab_list .active .icon image {
  70. width: 90rpx;
  71. height: 90rpx;
  72. }
  73. .tab_box .tab_list .active .title {
  74. height: 42rpx;
  75. font-size: 29rpx;
  76. font-family: PingFangSC-Medium, PingFang SC;
  77. font-weight: 500;
  78. color: #2C3E50;
  79. line-height: 42rpx;
  80. }
  81. .tab_box .tab_list .active .tips {
  82. height: 34rpx;
  83. font-size: 25rpx;
  84. font-family: PingFangSC-Regular, PingFang SC;
  85. font-weight: 400;
  86. color: #A2A4A6;
  87. line-height: 34rpx;
  88. }
  89. .line {
  90. width: 100%;
  91. height: 22rpx;
  92. background-color: #f0f0f0;
  93. }
  94. .list1 {
  95. background-color: #f6f6f6;
  96. box-sizing: border-box;
  97. padding-top: 19rpx;
  98. padding-left: 24rpx;
  99. padding-right: 24rpx;
  100. }
  101. .list1 .list .item {
  102. margin-bottom: 21rpx;
  103. background-color: #fff;
  104. display: -webkit-box;
  105. display: -webkit-flex;
  106. display: flex;
  107. height: 175rpx;
  108. border-radius: 10rpx;
  109. }
  110. .list1 .list .item .item_l {
  111. box-sizing: border-box;
  112. padding-top: 10rpx;
  113. padding-left: 22rpx;
  114. padding-right: 12rpx;
  115. width: 171rpx;
  116. height: 175rpx;
  117. background: #3498DB;
  118. border-radius: 10rpx;
  119. }
  120. .list1 .list .item .item_l .day {
  121. height: 68rpx;
  122. font-size: 48rpx;
  123. font-family: PingFangSC-Medium, PingFang SC;
  124. font-weight: 500;
  125. color: #FFFFFF;
  126. line-height: 68rpx;
  127. }
  128. .list1 .list .item .item_l .month {
  129. text-align: right;
  130. height: 44rpx;
  131. font-size: 31rpx;
  132. font-family: PingFangSC-Medium, PingFang SC;
  133. font-weight: 500;
  134. color: #FFFFFF;
  135. line-height: 44rpx;
  136. }
  137. .list1 .list .item .item_l .name {
  138. text-align: center;
  139. height: 47rpx;
  140. font-size: 33rpx;
  141. font-family: PingFangSC-Medium, PingFang SC;
  142. font-weight: 500;
  143. color: #FFFFFF;
  144. line-height: 47rpx;
  145. }
  146. .list1 .list .item .item_r {
  147. position: relative;
  148. width: 531rpx;
  149. box-sizing: border-box;
  150. padding-top: 14rpx;
  151. margin-left: 12rpx;
  152. }
  153. .list1 .list .item .item_r .inner1 {
  154. margin-bottom: 12rpx;
  155. height: 42rpx;
  156. font-size: 29rpx;
  157. font-family: PingFangSC-Regular, PingFang SC;
  158. font-weight: 400;
  159. color: #2C3E50;
  160. line-height: 42rpx;
  161. }
  162. .list1 .list .item .item_r .inner2 {
  163. margin-bottom: 12rpx;
  164. height: 42rpx;
  165. font-size: 29rpx;
  166. font-family: PingFangSC-Regular, PingFang SC;
  167. font-weight: 400;
  168. color: #2C3E50;
  169. line-height: 42rpx;
  170. }
  171. .list1 .list .item .item_r .inner2 .inner_content {
  172. color: #E74C3C;
  173. }
  174. .list1 .list .item .item_r .inner3 {
  175. height: 42rpx;
  176. font-size: 29rpx;
  177. font-family: PingFangSC-Regular, PingFang SC;
  178. font-weight: 400;
  179. color: #2C3E50;
  180. line-height: 42rpx;
  181. }
  182. .list1 .list .item .item_r .inner3 .inner_content {
  183. color: #E74C3C;
  184. }
  185. .list1 .list .item .item_r .icon {
  186. position: absolute;
  187. top: 0;
  188. right: 24rpx;
  189. width: 40rpx;
  190. height: 51rpx;
  191. background-image: url(data:image/png;base64,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);
  192. background-size: cover;
  193. background-repeat: no-repeat;
  194. }