announcement_list.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. page{
  2. height: 100%;
  3. }
  4. .box{
  5. width: 100%;
  6. display: flex;
  7. flex-direction: column;
  8. align-items: center;
  9. height: 100%;
  10. background: rgba(204, 202, 202, 0.329);
  11. }
  12. .box .view{
  13. width: 90%;
  14. display: flex;
  15. background: white;
  16. margin-top: 30rpx;
  17. border-radius: 10rpx;
  18. flex-direction: column;
  19. align-items: center;
  20. }
  21. .box .view .top{
  22. display: flex;
  23. justify-content: space-between;
  24. width: 100%;
  25. background: #F4F4F4;
  26. align-items: center;
  27. padding: 10rpx 0rpx;
  28. border-radius: 10rpx 10rpx 0rpx 0rpx;
  29. }
  30. .box .top image{
  31. margin-left: 5%;
  32. }
  33. .box .top text{
  34. margin-right: 5%;
  35. font-size: 26rpx;
  36. color: #999999;
  37. }
  38. .box .view .center{
  39. display: flex;
  40. flex-direction: column;
  41. width: 90%;
  42. border-bottom: 2rpx solid #F4F4F4;
  43. padding: 20rpx 0rpx;
  44. }
  45. .box .center text:nth-of-type(1){
  46. font-size: 30rpx;
  47. color: black;
  48. /* font-weight: bold; */
  49. }
  50. .box .center text:nth-of-type(2){
  51. font-size: 26rpx;
  52. color: #999999;
  53. padding-top: 8rpx;
  54. }
  55. .box .view .bottom{
  56. display: flex;
  57. justify-content: space-between;
  58. width: 90%;
  59. padding: 15rpx 0rpx;
  60. font-size: 26rpx;
  61. }
  62. /* .box .view text{
  63. width: 70%;
  64. overflow:hidden;
  65. text-overflow:ellipsis;
  66. white-space:nowrap;
  67. font-size: 28rpx;
  68. }
  69. .box .view image:nth-of-type(1){
  70. margin-left: 10rpx;
  71. }
  72. .box .view image:nth-of-type(2){
  73. margin-right: 10rpx;
  74. } */
  75. .none{
  76. display: flex;
  77. flex-direction: column;
  78. align-items: center;
  79. justify-content: center;
  80. width: 100%;
  81. height: 90%;
  82. }
  83. .none image{
  84. margin-left: 70rpx;
  85. }
  86. .none text{
  87. /* padding-right: 70rpx; */
  88. padding-top: 20rpx;
  89. }