DocRegister.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background: #f8f8f8;
  13. min-height: 100%;
  14. }
  15. .content_box {
  16. background-color: #ffffff;
  17. padding: 0rpx 25rpx;
  18. width: 92%;
  19. margin: 25rpx auto;
  20. border-radius: 15rpx;
  21. }
  22. .content_box .examine_list {
  23. width: 100%;
  24. border-bottom: 2rpx solid #f0f0f0;
  25. }
  26. .content_box .examine_list .textarea-box {
  27. width: 95%;
  28. margin: 25rpx auto;
  29. }
  30. .content_box .examine_list .textarea-box .textarea {
  31. width: 100%;
  32. font-size: 28rpx;
  33. min-height: 150rpx;
  34. }
  35. .row {
  36. display: -webkit-box;
  37. display: -webkit-flex;
  38. display: flex;
  39. -webkit-box-align: center;
  40. -webkit-align-items: center;
  41. align-items: center;
  42. padding: 0 30rpx;
  43. height: 110rpx;
  44. background: #fff;
  45. border-bottom: 1rpx solid #f8f6f6;
  46. }
  47. .row .tit {
  48. -webkit-flex-shrink: 0;
  49. flex-shrink: 0;
  50. width: 180rpx;
  51. font-size: 30rpx;
  52. color: #303133;
  53. }
  54. .row .input {
  55. -webkit-box-flex: 1;
  56. -webkit-flex: 1;
  57. flex: 1;
  58. font-size: 30rpx;
  59. color: #303133;
  60. }
  61. .row .iconlocation {
  62. font-size: 36rpx;
  63. color: #909399;
  64. }
  65. .examine_name {
  66. color: #171717;
  67. font-size: 28rpx;
  68. padding: 25rpx 25rpx;
  69. }
  70. .examine_img {
  71. width: 100%;
  72. text-align: center;
  73. padding-bottom: 25rpx;
  74. }
  75. .examine_img .image {
  76. width: 150rpx;
  77. height: 150rpx;
  78. }
  79. .examine_img .image1 {
  80. min-width: 150rpx;
  81. max-width: 100%;
  82. min-height: 150rpx;
  83. }
  84. .add-img-box {
  85. width: 100%;
  86. -webkit-box-orient: horizontal;
  87. -webkit-box-direction: normal;
  88. -webkit-flex-direction: row;
  89. flex-direction: row;
  90. -webkit-flex-wrap: wrap;
  91. flex-wrap: wrap;
  92. margin-top: 50rpx;
  93. }
  94. .add-img-item {
  95. border-radius: 24rpx;
  96. position: relative;
  97. margin-bottom: 25rpx;
  98. }
  99. .add-img-item .add-img {
  100. min-width: 150rpx;
  101. max-width: 100%;
  102. min-height: 150rpx;
  103. }
  104. .add-img-del {
  105. position: absolute;
  106. width: 40rpx;
  107. height: 40rpx;
  108. right: 20rpx;
  109. border-radius: 20rpx;
  110. }
  111. .default-row {
  112. margin-top: 16rpx;
  113. }
  114. .default-row .tit {
  115. -webkit-box-flex: 1;
  116. -webkit-flex: 1;
  117. flex: 1;
  118. }
  119. .default-row switch {
  120. -webkit-transform: translateX(16rpx) scale(0.9);
  121. transform: translateX(16rpx) scale(0.9);
  122. }
  123. .add-btn {
  124. position: fixed;
  125. bottom: 0rpx;
  126. width: 100%;
  127. height: 100rpx;
  128. font-size: 32rpx;
  129. color: #fff;
  130. background-color: #6786FB;
  131. line-height: 100rpx;
  132. text-align: center;
  133. }
  134. .img_box {
  135. padding: 35rpx 35rpx;
  136. width: 250rpx;
  137. height: 250rpx;
  138. }
  139. .img_box image {
  140. width: 100%;
  141. height: 100%;
  142. }
  143. .alert-box {
  144. background-color: #ffffff;
  145. }
  146. .b-b:after {
  147. position: relative !important;
  148. }
  149. .check_box {
  150. padding: 25rpx 25rpx;
  151. font-size: 28rpx;
  152. }
  153. .check_box text {
  154. color: #6786FB;
  155. }