library.scss 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. .page-lib-index{
  2. background:url(https://business.coffunity.cn/upload/libBg.png);
  3. background-size: cover;
  4. background-color:#cfab7b;
  5. width:100vw;
  6. height:100vh;
  7. display:flex;
  8. flex-direction: column;
  9. position:relative;
  10. overflow: hidden;
  11. .user-header{
  12. margin-top:0px;
  13. margin-left:20px;
  14. border-radius: 10px;
  15. width:150px;
  16. overflow: hidden;
  17. }
  18. .school-item{
  19. position:fixed;
  20. bottom:10px;
  21. left:10px;
  22. right:10px;
  23. display: flex;
  24. flex-direction: column;
  25. .process{
  26. height:20px;
  27. display:flex;
  28. flex-direction: row;
  29. .heart{
  30. background:url(/static/images/heart.png);
  31. background-repeat: no-repeat;
  32. background-size: cover;
  33. font-size:12px;
  34. color:#FFF;
  35. }
  36. .process-txt{
  37. width:100%;
  38. border-radius: 10px;
  39. margin-left:10px;
  40. z-index:-1;
  41. position:relative;
  42. .bg{
  43. width:100%;
  44. height:100%;
  45. background:#FFF;
  46. opacity: 0.3;
  47. position:absolute;
  48. border-radius: 10px;
  49. }
  50. .bar{
  51. border:1px solid $teacher-main-color;
  52. height:80%;
  53. margin:3px;
  54. border-radius: 10px;
  55. overflow: hidden;
  56. .p{
  57. background:$teacher-main-color;
  58. width:100px;
  59. height:100%;
  60. }
  61. }
  62. }
  63. }
  64. .content{
  65. width:100%;
  66. height:280px;
  67. border-radius: 10px;
  68. margin-top:10px;
  69. overflow: hidden;
  70. border:3px solid #643b17;
  71. position:relative;
  72. z-index:900;
  73. .bg{
  74. width:100%;
  75. height:100%;
  76. background:#FFF;
  77. opacity: 0.8;
  78. position:absolute;
  79. z-index:-1;
  80. }
  81. .user{
  82. border-bottom: 3px solid #643b17;
  83. width:100%;
  84. display:flex;
  85. flex-direction: row;
  86. height:60px;
  87. z-index:910;
  88. .left{
  89. display:flex;
  90. flex-direction: row;
  91. height:100%;
  92. width:75%;
  93. .header{
  94. width:40px;
  95. height: 40px;
  96. display:flex;
  97. margin-top: 5px;
  98. margin-left: 10px;
  99. flex-direction: row;
  100. justify-content: center;
  101. align-items: center;
  102. border-radius: 7px;
  103. overflow: hidden;
  104. .img{
  105. width:100%;
  106. height:100%;
  107. }
  108. }
  109. .info{
  110. font-size:12px;
  111. height:100%;
  112. display:flex;
  113. justify-content: flex-start;
  114. flex-direction: column;
  115. align-items:center;
  116. margin-left:10px;
  117. padding-top:5px;
  118. color:#653b18;
  119. .text{
  120. height:20px;
  121. line-height: 20px;
  122. }
  123. }
  124. }
  125. .right{
  126. display:flex;
  127. justify-content: center;
  128. align-items: center;
  129. .btn{
  130. background:#CCC;
  131. padding:0px;
  132. margin:0px;
  133. height:30px;
  134. line-height: 30px;
  135. font-size:12px;
  136. padding-left:10px;
  137. padding-right: 10px;
  138. border-radius: 5px;
  139. }
  140. .active{
  141. background:#653b18;
  142. color:#FFF;
  143. .uni-icons{
  144. color:#FFF;
  145. margin-right: 5px;
  146. }
  147. }
  148. }
  149. }
  150. .donate{
  151. height:70%;
  152. width:100%;
  153. display:flex;
  154. justify-content: center;
  155. align-items: center;
  156. z-index:920;
  157. .mid{
  158. display:flex;
  159. justify-content: center;
  160. align-items: center;
  161. height:100%;
  162. color:#000;
  163. font-size:14px;
  164. }
  165. }
  166. .item-list{
  167. height:130px;
  168. overflow: hidden;
  169. overflow-y: auto;
  170. .items{
  171. margin-left:10px;
  172. margin-right:10px;
  173. .item{
  174. width:100%;
  175. display:flex;
  176. flex-direction: row;
  177. height:30px;
  178. justify-content: center;
  179. align-items: center;
  180. font-size:12px;
  181. color:#653b18;
  182. .date{
  183. display:flex;
  184. width:30%;
  185. justify-content: center;
  186. align-items: center;
  187. }
  188. .name{
  189. diaplay:flex;
  190. width:50%;
  191. justify-content: flex-start;
  192. align-items: center;
  193. }
  194. .qty{
  195. display: flex;
  196. width:20%;
  197. justify-content: center;
  198. align-items: center;
  199. }
  200. }
  201. }
  202. }
  203. }
  204. }
  205. }
  206. .heart_total{
  207. justify-content:left;
  208. margin-left: 20px;
  209. margin-top: 10px;
  210. height:26px;
  211. align-items: center;
  212. font-size:12px;
  213. color:#653b18;
  214. font-weight: bold;
  215. }