activity.wxss 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349
  1. page {
  2. background: #F8F9FD;
  3. }
  4. .wx-avatar {
  5. overflow: hidden;
  6. display: block;
  7. width: 80rpx;
  8. height: 80rpx;
  9. border-radius: 50%;
  10. border: 1px solid #95a8cb;
  11. }
  12. .cp-class {
  13. font-size: 16px;
  14. font-weight: 600;
  15. margin: 10rpx 0;
  16. display: flex;
  17. align-items: center;
  18. }
  19. .staff-class {
  20. font-size: 14px;
  21. margin: 10rpx 0;
  22. }
  23. .end-date-class {
  24. color: #e00808;
  25. font-size: 14px;
  26. font-weight: 500;
  27. margin-top: 20rpx;
  28. }
  29. .staff-count-class {
  30. color: #CE9965;
  31. font-size: 14px;
  32. font-weight: 500;
  33. margin-top: 10rpx;
  34. }
  35. .detail-top {
  36. position: relative;
  37. border: 1px solid #F3FBFF;
  38. margin: 10px 32rpx 10px 32rpx;
  39. background-color: #FFFF;
  40. background: radial-gradient(61.26% 65.52% at 6.12% 18.49%, #CDD8FF 0%, #F3FAFF 100%);
  41. padding: 20rpx;
  42. border-radius: 16rpx;
  43. color: #1B365D
  44. }
  45. .dk-card-outer-class-1 {
  46. margin: 10px 32rpx 10px 32rpx;
  47. margin-top: 10px;
  48. border-radius: 15rpx;
  49. /* box-shadow: 2px 2px 5px #e5e5e6; */
  50. }
  51. .detail-top-sup {
  52. font-weight: bold;
  53. font-size: 14px;
  54. padding: 10rpx;
  55. }
  56. .detail-top-color {
  57. font-weight: bold;
  58. font-size: 14px;
  59. padding: 10rpx;
  60. }
  61. .scan-image-icon {
  62. width: 40rpx;
  63. height: 40rpx;
  64. }
  65. .scan-image-icon-3 {
  66. width: 96rpx;
  67. height: 96rpx;
  68. position: absolute;
  69. right: 0;
  70. bottom: 0;
  71. border-radius: 0px 0px 16rpx 0px;
  72. }
  73. .scan-image {
  74. width: 200rpx;
  75. height: 200rpx;
  76. position: absolute;
  77. right: 0;
  78. bottom: 0;
  79. border-radius: 0px 0px 16rpx 0px;
  80. }
  81. .func {
  82. width: 100%;
  83. height: auto;
  84. margin-bottom: 15rpx;
  85. margin-top: 15rpx;
  86. }
  87. .func-card {
  88. margin: 15rpx 1.15%;
  89. width: 30.5%;
  90. height: 215rpx;
  91. background: #ffffff;
  92. border-radius: 19rpx;
  93. }
  94. .func-card-selected {
  95. margin: 15rpx 1.15%;
  96. width: 30.5%;
  97. height: 215rpx;
  98. background: #FCF0DD;
  99. border-radius: 19rpx;
  100. border: 3rpx solid #CE9965;
  101. }
  102. .func-card-std {
  103. margin: 15rpx 15rpx;
  104. width: 97%;
  105. height: 205rpx;
  106. background: #FCF0DD;
  107. border-radius: 19rpx;
  108. }
  109. .func-card-vip-std-selected {
  110. margin: 15rpx 0rpx 15rpx 22rpx;
  111. width: 29%;
  112. height: 215rpx;
  113. background: #FCF0DD;
  114. border-radius: 19rpx;
  115. border: 3rpx solid #CE9965;
  116. }
  117. .func-card-vip-std {
  118. margin: 15rpx 0rpx 15rpx 22rpx;
  119. width: 29%;
  120. height: 215rpx;
  121. background: #ffffff;
  122. border-radius: 19rpx;
  123. }
  124. .card-name {
  125. font-style: normal;
  126. font-weight: 600;
  127. font-size: 15px;
  128. line-height: 48rpx;
  129. margin-left: 16rpx;
  130. color: #1B365D
  131. }
  132. .card-title {
  133. margin-top: 10rpx;
  134. display: flex;
  135. height: 54rpx;
  136. align-items: center;
  137. justify-content: center;
  138. width: 100%;
  139. color: #1B365D;
  140. font-size: 16px;
  141. font-weight: 600;
  142. }
  143. .card-title-std {
  144. margin-top: 10rpx;
  145. margin-left: 20rpx;
  146. display: flex;
  147. height: 54rpx;
  148. align-items: center;
  149. width: 100%;
  150. color: #1B365D;
  151. font-size: 16px;
  152. font-weight: 600;
  153. }
  154. .card-desc {
  155. margin-top: 10rpx;
  156. display: flex;
  157. height: 54rpx;
  158. align-items: center;
  159. justify-content: center;
  160. width: 100%;
  161. color: #95A8CB;
  162. font-size: 11px;
  163. }
  164. .card-desc-std {
  165. margin: 30rpx 20rpx;
  166. padding: 10rpx;
  167. display: flex;
  168. height: 50rpx;
  169. align-items: center;
  170. justify-content: flex-start;
  171. color: #1B365D;
  172. font-weight: bold;
  173. font-size: 14px;
  174. }
  175. .card-class {
  176. margin: 0 30rpx;
  177. border-radius: 16rpx;
  178. background: #ffffff;
  179. }
  180. .cell_title {
  181. color: #e00808;
  182. }
  183. .summary-class {
  184. margin: 0 30rpx;
  185. margin-top: 30rpx;
  186. padding: 10rpx 20rpx;
  187. border-radius: 16rpx;
  188. background: #ffffff;
  189. color: #CE9965;
  190. font-size: 14px;
  191. }
  192. .summary-class-std {
  193. margin: 0 30rpx;
  194. margin-top: 30rpx;
  195. padding: 10rpx 5rpx;
  196. border-radius: 16rpx;
  197. background: #ffffff;
  198. color: #CE9965;
  199. font-size: 14px;
  200. }
  201. .notice-class {
  202. margin: 0 30rpx;
  203. margin-top: 30rpx;
  204. padding: 10rpx 20rpx;
  205. border-radius: 16rpx;
  206. background: #ffffff;
  207. color: #1B365D;
  208. }
  209. .checkbox-class {
  210. color: #1B365D !important;
  211. }
  212. .van-checkbox__icon--square {
  213. border-radius: 10rpx;
  214. }
  215. .notice-item-class {
  216. margin: 20rpx 0;
  217. font-size: 14px;
  218. font-weight: 400;
  219. }
  220. .summary-item-class {
  221. margin: 8rpx 0;
  222. }
  223. .edit-image {
  224. width: 50rpx;
  225. height: 50rpx;
  226. position: absolute;
  227. right: 30rpx;
  228. top: 20rpx;
  229. border-radius: 0px 0px 16rpx 0px;
  230. }
  231. .tags-class {
  232. margin: 20rpx;
  233. /* text-align: center; */
  234. display: flex;
  235. justify-content: center;
  236. }
  237. .dk-card-outer-class-1 {
  238. margin: 10px 32rpx 10px 32rpx;
  239. margin-top: 10px;
  240. border-radius: 15rpx;
  241. /* box-shadow: 2px 2px 5px #e5e5e6; */
  242. }
  243. .btn-add-class {
  244. background: #8091A9;
  245. border-radius: 50%;
  246. display: flex;
  247. justify-content: center;
  248. align-items: center;
  249. padding: 20rpx;
  250. box-shadow: 0px 17px 22px 0px #1B365D33;
  251. }
  252. .todo-view-app {
  253. padding-top: 24rpx;
  254. display: -webkit-box;
  255. overflow: auto;
  256. width: 100%;
  257. }
  258. .todo-view-app-item {
  259. width: 25%;
  260. display: grid;
  261. justify-items: center;
  262. }
  263. .todo-view-app-item-icon {
  264. width: 85rpx;
  265. height: 85rpx;
  266. /* background-color: #B280E4; */
  267. display: flex;
  268. align-items: center;
  269. justify-content: center;
  270. position: relative;
  271. }
  272. .todo-view-app-item-icon-tip {
  273. position: absolute;
  274. width: 85rpx;
  275. height: 85rpx;
  276. top: -6rpx;
  277. right: -6rpx;
  278. font-size: 9px;
  279. font-family: 'PingFang SC';
  280. background: #FF594E;
  281. border: 1px solid #FFFFFF;
  282. border-radius: 50%;
  283. color: #fff;
  284. text-align: center;
  285. display: flex;
  286. align-items: center;
  287. justify-content: center;
  288. }
  289. .todo-view-app-item-name {
  290. font-style: normal;
  291. font-weight: 400;
  292. font-size: 14px;
  293. font-family: 'PingFang SC';
  294. /* font-family: 'SimSun'; */
  295. color: #1B365D;
  296. margin-top: 10rpx;
  297. }
  298. .view-margin{
  299. margin: 15rpx 0;
  300. margin-right: 30rpx;
  301. font-size: 13px;
  302. color: #000000;
  303. }