add.wxss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. .container {
  2. justify-content: flex-start;
  3. font-weight: 500;
  4. color: #1e1e1e;
  5. background-color: #F0F0F0;
  6. }
  7. .panelTag{
  8. width: 100%;
  9. justify-content: space-between;
  10. font-size: 28rpx;
  11. min-height: 120rpx;
  12. background-color: #fff;
  13. }
  14. .panelTag .tag{
  15. font-size: 24rpx;
  16. background-color: #1e1e1e;
  17. color:#fff;
  18. text-align: center;
  19. line-height: 45rpx;
  20. padding: 0 20rpx;
  21. border-radius: 30rpx;
  22. margin-left: 10rpx;
  23. }
  24. .panelTitle {
  25. width: 100%;
  26. margin-top: 50rpx;
  27. justify-content: space-between;
  28. }
  29. .panelTitle .panelTitle1 {
  30. font-size: 32rpx;
  31. margin-left: 30rpx;
  32. margin-bottom: 30rpx;
  33. }
  34. .panelTitle .panelTitle2 {
  35. font-size: 28rpx;
  36. margin-right: 30rpx;
  37. background-color: #1e1e1e;
  38. color: #fff;
  39. border-radius: 22rpx;
  40. text-align: center;
  41. padding: 0 20rpx;
  42. margin-bottom: 32rpx;
  43. }
  44. .panelItem {
  45. width: 100%;
  46. justify-content: flex-start;
  47. font-size: 28rpx;
  48. min-height: 130rpx;
  49. height:auto;
  50. background-color: #fff;
  51. align-items: flex-start;
  52. font-weight: 400;
  53. }
  54. .panelItem0 {
  55. height: 133rpx;
  56. }
  57. .panelItem1 {
  58. margin-left: 30rpx;
  59. font-weight: 400;
  60. }
  61. .panelItem .panelItem11{
  62. margin: 45rpx 0 0 30rpx;
  63. justify-content: flex-start;
  64. align-items: flex-start;
  65. }
  66. .panelItem .number {
  67. font-family: 'Roboto-Black';
  68. font-size: 24rpx;
  69. width: 40rpx;
  70. background-color: #0071ef;
  71. border-radius: 50%;
  72. text-align: center;
  73. line-height: 40rpx;
  74. color: #fff;
  75. }
  76. .panelItem2 {
  77. margin-right: 30rpx;
  78. color: #1e1e1e;
  79. font-weight: 400;
  80. }
  81. .panelItem .panelItem21 {
  82. margin-right: 30rpx;
  83. font-weight: 400;
  84. flex-wrap: wrap;
  85. align-items: flex-start;
  86. justify-content: flex-start;
  87. width: 610rpx;
  88. font-size: 36rpx;
  89. color:#1e1e1e;
  90. margin: 40rpx 0 40rpx 40rpx;
  91. }
  92. .panelItem .textNull {
  93. color: #d2d2d2;
  94. font-weight: 400;
  95. }
  96. .panelItem .universalpic_read_gray_40x40 {
  97. width:40rpx;
  98. height:40rpx;
  99. margin: 5rpx 10rpx 0 10rpx;
  100. }
  101. .panelItem .textLine {
  102. text-decoration: underline;
  103. }
  104. .panelItem .textPinyin {
  105. text-decoration: underline;
  106. margin-right: 10rpx;
  107. }
  108. .panelItem .imageBishun {
  109. width:100rpx;
  110. height:100rpx;
  111. }
  112. .panelItem .textReturn{
  113. width:100%;
  114. }
  115. .panelItem .textReturn2{
  116. width:100%;
  117. height:30rpx;
  118. }
  119. .panelItem3 {
  120. min-height: 100rpx;
  121. margin-top: 50rpx;
  122. width: 100%;
  123. justify-content: space-between;
  124. font-size: 28rpx;
  125. background-color: #fff;
  126. }
  127. .panelItem3 .panelItem32 {
  128. margin-right: 30rpx;
  129. }
  130. .remind{
  131. width:100%;
  132. line-height: 60rpx;
  133. text-align: center;
  134. color:#fff;
  135. background-color: #B3443B;
  136. font-size:24rpx;
  137. position: fixed;
  138. bottom: 120rpx;
  139. }
  140. .remind1{
  141. background-color: #2e2e2e;
  142. }
  143. .panelSave {
  144. width: 100%;
  145. background-color: #fff;
  146. position: fixed;
  147. bottom: 0;
  148. height: 120rpx;
  149. font-size: 36rpx;
  150. z-index: 10;
  151. color: #0071ef;
  152. justify-content: space-between;
  153. }
  154. .panelSave .panelSave1 {
  155. width: 148rpx;
  156. background-color: #0071ef;
  157. color:#fff;
  158. text-align: center;
  159. line-height: 80rpx;
  160. border-radius: 10rpx;
  161. font-size:28rpx;
  162. margin-left: 30rpx;
  163. }
  164. .panelSave .panelSave0{
  165. width:400rpx;
  166. line-height:100rpx;
  167. text-align: center;
  168. }
  169. .panelSave .line1 {
  170. width: 4rpx;
  171. height: 30rpx;
  172. background-color: #d2d2d2;
  173. }
  174. .universalpic_preview_black_30x30 {
  175. width: 36rpx;
  176. height: 36rpx;
  177. margin: 0 40rpx;
  178. }
  179. /*
  180. .panelTop {
  181. width: 690rpx;
  182. background-color: #eee;
  183. height: 100rpx;
  184. justify-content: flex-start;
  185. }
  186. .btn {
  187. width: 80rpx;
  188. line-height: 50rpx;
  189. text-align: center;
  190. border-radius: 10rpx;
  191. border: 1rpx solid #999;
  192. font-size: 24rpx;
  193. background-color: #ddd;
  194. margin: 0 5rpx;
  195. font-weight: 400;
  196. padding: 0 10rpx;
  197. }
  198. .panel{
  199. width:690rpx;
  200. margin-top: 30rpx;
  201. font-size: 30rpx;
  202. }
  203. .title{
  204. margin-bottom: 15rpx;
  205. font-size: 30rpx;
  206. }
  207. .panelInput{
  208. width:690rpx;
  209. border-radius: 10rpx;
  210. background-color: #fff;
  211. }
  212. .input{
  213. margin: 10rpx 20rpx;
  214. width:650rpx;
  215. min-height:36rpx;
  216. background-color: #ffffff;
  217. text-align: left;
  218. font-size:28rpx;
  219. color:#1e1e1e;
  220. }
  221. .tagList{
  222. justify-content: flex-start;
  223. flex-wrap: wrap;
  224. }
  225. .tag{
  226. margin: 15rpx 15rpx 0 0;
  227. padding: 10rpx;
  228. background-color: #dddddd;
  229. border-radius: 5rpx;
  230. font-weight: 400;
  231. font-size:24rpx;
  232. }
  233. */