info-hope.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. /* pages/edit-info/info-hope/info-hope.wxss */
  2. .base{
  3. display: flex;
  4. flex-direction: column;
  5. color: #333;
  6. background: rgba(244,244,244,1);
  7. height: 100vh;
  8. }
  9. .checkitem{
  10. border:3rpx solid gainsboro;
  11. background: #ffffff;
  12. width: 100%;
  13. margin-top: 25rpx;
  14. }
  15. .checkitem-one{
  16. display: flex;
  17. flex-direction: row;
  18. align-items: center;
  19. margin: 20rpx 25rpx;
  20. }
  21. .line{
  22. width: 100%;
  23. background: gainsboro;
  24. height: 3rpx;
  25. margin-bottom: 20rpx;
  26. }
  27. .checkitem-two{
  28. display: flex;
  29. flex-direction: row;
  30. margin: 0 25rpx 25rpx 25rpx;
  31. justify-content: space-between;
  32. }
  33. .item-radio{
  34. margin-right: 10rpx;
  35. }
  36. .checkbox-group{
  37. margin: 0 0 25rpx 25rpx;
  38. }
  39. .checkbox{
  40. font-size:12px !important;
  41. }
  42. .item-end{
  43. display: flex;
  44. flex-direction: row;
  45. justify-content: space-between;
  46. padding: 20rpx;
  47. border-top:3rpx solid gainsboro;
  48. border-bottom:3rpx solid gainsboro;
  49. background: #ffffff;
  50. margin-top: 25rpx;
  51. }
  52. .item-left{
  53. display: flex;
  54. flex-direction: row;
  55. align-items: center;
  56. }
  57. .item-right{
  58. display: flex;
  59. flex-direction: row;
  60. align-items: center;
  61. }
  62. .item-icon{
  63. height: 50rpx;
  64. width: 50rpx;
  65. }
  66. .item-radio{
  67. margin-right: 10rpx;
  68. }
  69. .item-text{
  70. font-size: 12px;
  71. color: #999999;
  72. margin-right: 5rpx;
  73. }
  74. .button-group{
  75. padding: 60rpx 0;
  76. display: flex;
  77. flex-direction: row;
  78. justify-content: space-around;
  79. font-size: 15px;
  80. background: rgba(244,244,244,1);
  81. }
  82. .button-submit{
  83. display: flex;
  84. flex-direction: row;
  85. align-items: center;
  86. justify-content: center;
  87. width: 180rpx !important;
  88. height: 72rpx !important;
  89. color: #ffffff;
  90. background: rgba(243,123,29,0.8);
  91. border-radius: 10rpx;
  92. }
  93. .button-reset{
  94. display: flex;
  95. flex-direction: row;
  96. align-items: center;
  97. justify-content: center;
  98. width: 180rpx !important;
  99. height: 72rpx !important;
  100. color: rgba(243,123,29,0.8);
  101. background: rgba(244, 244, 244, 0.966);
  102. border-radius: 10rpx;
  103. }