add.wxss 4.1 KB

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