index.wxss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. /* uni.scss */
  5. .outerBox .upload.data-v-57280228 {
  6. padding: 20px 15px 0 15px;
  7. }
  8. .outerBox .upload .tipTxt.data-v-57280228 {
  9. margin-bottom: 20rpx;
  10. }
  11. .topBox.data-v-57280228 {
  12. height: 500rpx;
  13. display: flex;
  14. justify-content: center;
  15. align-items: center;
  16. }
  17. .data-v-57280228 .buttonCalss {
  18. margin-top: 40px !important;
  19. }
  20. .data-v-57280228 .u-upload__wrap__preview:nth-of-type(4n) {
  21. margin-right: 0 !important;
  22. }
  23. .data-v-57280228 .u-upload__button {
  24. width: 20vw !important;
  25. height: 20vw !important;
  26. }
  27. .data-v-57280228 .u-upload__wrap__preview__image {
  28. width: 20vw !important;
  29. height: 20vw !important;
  30. }
  31. .imagesRow.data-v-57280228 {
  32. width: 80px;
  33. height: 80px;
  34. margin-left: 5px;
  35. }
  36. .textBorder.data-v-57280228 {
  37. width: 70%;
  38. height: 130px;
  39. border-radius: 50% 50% 0 0;
  40. }
  41. .images.data-v-57280228 {
  42. margin: 40px 0px 0px 20px;
  43. width: 70%;
  44. height: 130px;
  45. border-radius: 50% 50% 0 0;
  46. }
  47. .text-area.data-v-57280228 {
  48. display: flex;
  49. justify-content: center;
  50. }
  51. .title.data-v-57280228 {
  52. font-size: 36rpx;
  53. color: #8f8f94;
  54. }
  55. .borders.data-v-57280228 {
  56. border: black 2px solid;
  57. }
  58. .btnBox.data-v-57280228 {
  59. position: fixed;
  60. bottom: 20px;
  61. right: 10px;
  62. width: 80px;
  63. height: 80px;
  64. border-radius: 50%;
  65. display: flex;
  66. justify-content: center;
  67. align-items: center;
  68. }
  69. .btnBox .btn.data-v-57280228 {
  70. width: 80px;
  71. height: 80px;
  72. border-radius: 50%;
  73. display: flex;
  74. justify-content: center;
  75. align-items: center;
  76. color: white;
  77. font-weight: bold;
  78. }
  79. .btnBox .b1.data-v-57280228 {
  80. background: green;
  81. }
  82. .btnBox .b2.data-v-57280228 {
  83. background: orange;
  84. }
  85. .data-v-57280228 .u-tabbar {
  86. width: 80%;
  87. position: fixed;
  88. bottom: 10px;
  89. left: 50%;
  90. -webkit-transform: translateX(-50%);
  91. transform: translateX(-50%);
  92. border-radius: 25px;
  93. }
  94. .data-v-57280228 .u-tabbar__content {
  95. border-radius: 25px;
  96. background: white;
  97. }
  98. .examplePic.data-v-57280228 {
  99. display: flex;
  100. justify-content: space-around;
  101. padding: 0 20rpx 0 20rpx;
  102. }
  103. .examplePic .item.data-v-57280228 {
  104. display: flex;
  105. flex-direction: column;
  106. align-items: center;
  107. width: 22%;
  108. }
  109. .examplePic .item .imagesRow.data-v-57280228 {
  110. width: 100%;
  111. }
  112. .botTipTxtBox.data-v-57280228 {
  113. padding: 0 20px;
  114. }
  115. .currModel.data-v-57280228 {
  116. display: flex;
  117. align-items: center;
  118. margin-bottom: 20rpx;
  119. }
  120. .currModel .left.data-v-57280228 {
  121. font-weight: bold;
  122. }
  123. .currModel .right.data-v-57280228 {
  124. margin-left: 10rpx;
  125. width: 0;
  126. height: 0;
  127. border-left: 5px solid transparent;
  128. border-right: 5px solid transparent;
  129. border-top: 5px solid orange;
  130. }
  131. .modelBox.data-v-57280228 {
  132. height: 250px;
  133. padding: 0 20rpx;
  134. padding-top: 10px;
  135. }
  136. .modelBox .mName.data-v-57280228 {
  137. display: flex;
  138. align-items: center;
  139. justify-content: space-between;
  140. font-weight: bold;
  141. }
  142. .modelBox .top1.data-v-57280228 {
  143. margin-top: 30px;
  144. }
  145. .modelBox .bot1.data-v-57280228 {
  146. max-height: 180px;
  147. overflow-y: scroll;
  148. display: flex;
  149. flex-wrap: wrap;
  150. align-items: flex-start;
  151. padding-top: 50rpx;
  152. }
  153. .modelBox .bot1 .pos.data-v-57280228 {
  154. height: 50rpx;
  155. width: 100%;
  156. }
  157. .modelBox .bot1 .item1.data-v-57280228 {
  158. width: 29%;
  159. height: 40px;
  160. margin-right: 20rpx;
  161. margin-bottom: 20rpx;
  162. border-radius: 12rpx;
  163. display: flex;
  164. align-items: center;
  165. justify-content: center;
  166. border: 1rpx solid #999;
  167. }
  168. .at.data-v-57280228 {
  169. border-color: orange !important;
  170. color: white;
  171. background: orange;
  172. }