notice.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background-color: #f7f7f7;
  13. padding-bottom: 30rpx;
  14. }
  15. .notice-item {
  16. display: flex;
  17. flex-direction: column;
  18. align-items: center;
  19. }
  20. .time {
  21. display: flex;
  22. align-items: center;
  23. justify-content: center;
  24. height: 80rpx;
  25. padding-top: 10rpx;
  26. font-size: 26rpx;
  27. color: #7d7d7d;
  28. }
  29. .content {
  30. width: 710rpx;
  31. padding: 0 24rpx;
  32. background-color: #fff;
  33. border-radius: 4rpx;
  34. }
  35. .title {
  36. display: flex;
  37. align-items: center;
  38. height: 90rpx;
  39. font-size: 32rpx;
  40. color: #303133;
  41. }
  42. .img-wrapper {
  43. width: 100%;
  44. height: 260rpx;
  45. position: relative;
  46. }
  47. .pic {
  48. display: block;
  49. width: 100%;
  50. height: 100%;
  51. border-radius: 6rpx;
  52. }
  53. .cover {
  54. display: flex;
  55. justify-content: center;
  56. align-items: center;
  57. position: absolute;
  58. left: 0;
  59. top: 0;
  60. width: 100%;
  61. height: 100%;
  62. background-color: rgba(0, 0, 0, 0.5);
  63. font-size: 36rpx;
  64. color: #fff;
  65. }
  66. .introduce {
  67. display: inline-block;
  68. padding: 16rpx 0;
  69. font-size: 28rpx;
  70. color: #606266;
  71. line-height: 38rpx;
  72. }
  73. .bot {
  74. display: flex;
  75. align-items: center;
  76. justify-content: space-between;
  77. height: 80rpx;
  78. font-size: 24rpx;
  79. color: #707070;
  80. position: relative;
  81. }
  82. .more-icon {
  83. font-size: 32rpx;
  84. }