notice.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* pages/notice/notice.wxss */
  2. .list {
  3. padding: 24rpx 24rpx 0;
  4. }
  5. .item {
  6. border-radius: 20rpx;
  7. overflow: hidden;
  8. background: #fff;
  9. }
  10. .item+.item {
  11. margin-top: 24rpx;
  12. }
  13. .item .head {
  14. padding: 0 24rpx;
  15. display: flex;
  16. align-items: center;
  17. height: 102rpx;
  18. border-bottom: solid #e5e5e5 1rpx;
  19. }
  20. .item .head .icon {
  21. margin-right: 20rpx;
  22. width: 70rpx;
  23. height: 70rpx;
  24. }
  25. .item .head .text {
  26. display: block;
  27. font-size: 32rpx;
  28. color: #282828;
  29. font-weight: 450;
  30. overflow: hidden;
  31. text-overflow: ellipsis;
  32. white-space: nowrap;
  33. }
  34. .item .content {
  35. padding: 24rpx;
  36. font-size: 28rpx;
  37. color: #282828;
  38. }
  39. .item .content .title {
  40. margin-bottom: 24rpx;
  41. font-weight: 450;
  42. word-break: break-all;
  43. }
  44. .item .content .text {
  45. color: #999;
  46. word-break: break-all;
  47. display: -webkit-box;
  48. -webkit-box-orient: vertical;
  49. -webkit-line-clamp: 3;
  50. overflow: hidden;
  51. }
  52. .item .bottom {
  53. border-top: solid #e5e5e5 1rpx;
  54. padding: 30rpx;
  55. font-size: 28rpx;
  56. color: #282828;
  57. font-weight: 450;
  58. text-align: center;
  59. }
  60. .noNews {
  61. padding: 260rpx 0 0;
  62. text-align: center;
  63. }
  64. .noNews .pic {
  65. width: 374rpx;
  66. }