meeting-cover.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /* pages/meeting-cover/meeting-cover.wxss */
  2. .body {
  3. width: 100%;
  4. height: 100%;
  5. background-size: 100% 100%;
  6. z-index: -99;
  7. }
  8. .backBtn {
  9. width: 60rpx;
  10. height: 60rpx;
  11. margin-left: 40rpx;
  12. margin-top: 70rpx;
  13. }
  14. .welcome {
  15. color: #A8B8E7;
  16. padding-top: 180rpx;
  17. padding-left: 40rpx;
  18. font-size: 42rpx;
  19. }
  20. .topic {
  21. color: #F6E3C3;
  22. font-size: 82rpx;
  23. margin-top: 40rpx;
  24. padding-left: 40rpx;
  25. }
  26. .line {
  27. background-color: #F6E3C3;
  28. height: 4rpx;
  29. width: 20%;
  30. margin-left: 40rpx;
  31. margin-top: 52rpx;
  32. }
  33. .block {
  34. box-sizing: border-box;
  35. width: 94%;
  36. min-height: 253rpx;
  37. margin-left: 3%;
  38. background-size: 100% 100%;
  39. margin-top: 140rpx;
  40. font-size: 28rpx;
  41. color: #ADBCEB;
  42. padding-left: 40rpx;
  43. padding-top: 33rpx;
  44. padding-bottom: 37rpx;
  45. }
  46. .block-row:nth-last-child(2) {
  47. margin-top: 46rpx;
  48. }
  49. .block-img {
  50. width: 32rpx;
  51. height: 32rpx;
  52. margin-right: 8rpx;
  53. }
  54. .block-value {
  55. margin-top: 15rpx;
  56. }
  57. .bottom {
  58. width: 100%;
  59. display: inline-flex;
  60. align-items: center;
  61. text-align: center;
  62. justify-content: center;
  63. position: absolute;
  64. bottom: 53rpx;
  65. padding: 0 30rpx;
  66. box-sizing: border-box;
  67. }
  68. .bottom-line {
  69. background-color: #5467A550;
  70. height: 1rpx;
  71. width: 30%;
  72. }
  73. .bottom text {
  74. color: #5467A5;
  75. font-size: 28rpx;
  76. /* width: 38%; */
  77. margin: 0 28rpx;
  78. }