拓恒河湖长制全民护河平台WEB端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

113 lines
2.2KB

  1. /* package_mine/pages/approveId/index.wxss */
  2. .approve_container {
  3. width: 100%;
  4. padding: 0 60rpx;
  5. display: flex;
  6. flex-direction: column;
  7. justify-content: flex-start;
  8. align-items: flex-start;
  9. }
  10. .approve_title {
  11. margin-top: 20rpx;
  12. font-size: 32rpx;
  13. font-weight: bold;
  14. }
  15. .form_container {
  16. width: 100%;
  17. margin-top: 30rpx;
  18. display: flex;
  19. flex-direction: column;
  20. justify-content: flex-start;
  21. align-items: flex-start;
  22. }
  23. .form_item {
  24. width: 100%;
  25. min-height: 68rpx;
  26. padding: 0 20rpx;
  27. margin-bottom: 30rpx;
  28. display: flex;
  29. justify-content: space-between;
  30. align-items: center;
  31. position: relative;
  32. font-size: 26rpx;
  33. background-color: #F8F8F8;
  34. border-radius: 34rpx;
  35. }
  36. .use_purpose {
  37. width: 100%;
  38. padding: 14rpx 0 14rpx 40rpx;
  39. margin-bottom: 30rpx;
  40. display: flex;
  41. justify-content: space-between;
  42. align-items: flex-start;
  43. position: relative;
  44. font-size: 26rpx;
  45. background-color: #F8F8F8;
  46. border-radius: 34rpx;
  47. }
  48. .value_box {
  49. width: 480rpx;
  50. min-height: 68rpx;
  51. display: flex;
  52. justify-content: flex-start;
  53. align-items: center;
  54. position: relative;
  55. color: #333333;
  56. font-size: 24rpx;
  57. }
  58. .tips{
  59. position: absolute;
  60. bottom: -32rpx;
  61. left: -13rpx;
  62. color: red;
  63. font-size: 24rpx;
  64. transform: translate(27rpx, -5rpx);
  65. display: none;
  66. }
  67. .form_item.warning .tips, .use_purpose.warning .tips {
  68. display: block;
  69. }
  70. /* 按钮区 */
  71. .btn_list {
  72. width: 100%;
  73. margin-top: 20rpx;
  74. padding: 10rpx 30rpx;
  75. display: flex;
  76. justify-content: space-between;
  77. align-items: center;
  78. }
  79. .btn_item {
  80. width: 140rpx !important;
  81. padding: 0 !important;
  82. height: 80rpx;
  83. border-radius: 40rpx;
  84. text-align: center;
  85. line-height: 80rpx;
  86. font-size: 28rpx;
  87. }
  88. .cancel_btn {
  89. color: #ffffff;
  90. background-color: #A4A4A4;
  91. }
  92. .submit_btn {
  93. color: #ffffff;
  94. background-color: #2a82e4;
  95. }
  96. /* 用户协议确认框 */
  97. .safe_box {
  98. width: 100%;
  99. margin-top: 50rpx;
  100. display: flex;
  101. justify-content: flex-start;
  102. align-items: center;
  103. font-size: 24rpx;
  104. }
  105. .checkbox {
  106. display: flex;
  107. justify-content: flex-start;
  108. align-items: center;
  109. }
  110. checkbox {
  111. transform: scale(0.7);
  112. }