i-news-list.wxss 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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. .news_box {
  28. margin-top: 19rpx;
  29. box-sizing: border-box;
  30. padding-left: 44rpx;
  31. padding-right: 41rpx;
  32. }
  33. .news_box .news_box_title {
  34. display: -webkit-box;
  35. display: -webkit-flex;
  36. display: flex;
  37. -webkit-box-pack: justify;
  38. -webkit-justify-content: space-between;
  39. justify-content: space-between;
  40. }
  41. .news_box .news_box_title .title {
  42. display: -webkit-box;
  43. display: -webkit-flex;
  44. display: flex;
  45. }
  46. .news_box .news_box_title .title .icon {
  47. width: 52rpx;
  48. height: 52rpx;
  49. background-image: url(data:image/png;base64,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);
  50. background-size: cover;
  51. background-repeat: no-repeat;
  52. }
  53. .news_box .news_box_title .title .name {
  54. margin-left: 16rpx;
  55. height: 52rpx;
  56. font-size: 38rpx;
  57. font-family: PingFangSC-Regular, PingFang SC;
  58. font-weight: 400;
  59. color: #121212;
  60. line-height: 52rpx;
  61. }
  62. .news_box .news_box_title .more {
  63. margin-top: 12rpx;
  64. height: 34rpx;
  65. font-size: 25rpx;
  66. font-family: PingFangSC-Regular, PingFang SC;
  67. font-weight: 400;
  68. color: #6C6F74;
  69. line-height: 34rpx;
  70. }
  71. .news_box .news_inner {
  72. margin-top: 23rpx;
  73. padding-bottom: 10rpx;
  74. }
  75. .news_box .news_inner .inner_list .item {
  76. margin-bottom: 24rpx;
  77. display: -webkit-box;
  78. display: -webkit-flex;
  79. display: flex;
  80. -webkit-box-pack: justify;
  81. -webkit-justify-content: space-between;
  82. justify-content: space-between;
  83. }
  84. .news_box .news_inner .inner_list .item .item_img {
  85. width: 188rpx;
  86. height: 105rpx;
  87. border-radius: 2rpx;
  88. }
  89. .news_box .news_inner .inner_list .item .item_img image {
  90. width: 188rpx;
  91. height: 105rpx;
  92. }
  93. .news_box .news_inner .inner_list .item .item_title {
  94. padding-top: 18rpx;
  95. width: 456rpx;
  96. height: 62rpx;
  97. font-size: 23rpx;
  98. font-family: PingFangSC-Regular, PingFang SC;
  99. font-weight: 400;
  100. color: #121212;
  101. line-height: 31rpx;
  102. text-overflow: -o-ellipsis-lastline;
  103. overflow: hidden;
  104. text-overflow: ellipsis;
  105. display: -webkit-box;
  106. -webkit-line-clamp: 2;
  107. line-clamp: 2;
  108. -webkit-box-orient: vertical;
  109. }