You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

266 lines
4.0KB

  1. /* pages/personalCenter/personalCenter.wxss */
  2. page{
  3. height: 100%;
  4. width: 100%;
  5. }
  6. .all{
  7. height: 100%;
  8. width: 100%;
  9. position: fixed;
  10. top: 0;
  11. left: 0;
  12. }
  13. .centerBg{
  14. width: 100%;
  15. height: 535rpx;
  16. }
  17. .userCircle{
  18. width: 100%;
  19. height: 448rpx;
  20. }
  21. .userMess{
  22. width: 100%;
  23. position: absolute;
  24. top: 117rpx;
  25. left: 0;
  26. }
  27. .userHeader{
  28. width: 200rpx;
  29. height: 200rpx;
  30. overflow: hidden;
  31. border-radius: 50%;
  32. }
  33. .userHeaderBtn{
  34. width: 200rpx;
  35. height: 200rpx;
  36. overflow: hidden;
  37. border-radius: 50%;
  38. margin: 0;
  39. padding: 0;
  40. background-color: transparent;
  41. }
  42. .noUserBtn{
  43. margin-top: 20rpx;
  44. width: 230rpx;
  45. height: 64rpx;
  46. border: none;
  47. border-color: transparent;
  48. border-radius: 0;
  49. padding: 0;
  50. background-color: transparent;
  51. }
  52. .noUserBtn::after{
  53. border: none
  54. }
  55. .userImg{
  56. width: 200rpx;
  57. height: 200rpx;
  58. }
  59. .userAll{
  60. text-align: center;
  61. position:absolute;
  62. top:42rpx;
  63. left: 50%;
  64. transform: translateX(-50%);
  65. display: flex;
  66. justify-content: center;
  67. align-items: center;
  68. flex-wrap: wrap;
  69. flex-direction: column;
  70. }
  71. .userName{
  72. font-size:40rpx;
  73. color:rgba(51,51,51,1);
  74. font-weight:bold;
  75. /* margin-top: 31rpx; */
  76. margin-bottom: 16rpx;
  77. }
  78. .userPhone{
  79. font-size:30rpx;
  80. color:rgba(102,102,102,1);
  81. }
  82. .myTicketAll{
  83. padding: 0 64rpx;
  84. width: 622rpx;
  85. position: absolute;
  86. top: 390rpx;
  87. }
  88. .myTicketTop{
  89. display: flex;
  90. justify-content: space-between;
  91. align-items: center;
  92. width: 622rpx;
  93. }
  94. .ticketIcon{
  95. width: 49rpx;
  96. height: 30rpx;
  97. }
  98. .ticketArrows{
  99. width: 34rpx;
  100. height: 19rpx;
  101. }
  102. .myTicket{
  103. margin-right: 350rpx;
  104. font-size:30rpx;
  105. font-family:SourceHanSansCN;
  106. font-weight:bold;
  107. color:rgba(51,51,51,1);
  108. }
  109. .ticketCont{
  110. display: flex;
  111. justify-content: center;
  112. align-items: center;
  113. }
  114. .ticketImg{
  115. width: 254rpx;
  116. height: 248rpx;
  117. border-radius:10px 0px 0px 10px;
  118. overflow: hidden;
  119. margin-right: 32rpx;
  120. }
  121. .name{
  122. font-size:50rpx;
  123. font-family:DINPro;
  124. /* font-weight:bold; */
  125. color:#8f560f;
  126. margin-bottom: 10rpx;
  127. }
  128. .name1,.name2{
  129. font-size:35rpx;
  130. font-family:SourceHanSansCN;
  131. font-weight:bold;
  132. color:rgba(106,10,14,1);
  133. }
  134. .name3{
  135. font-size:60rpx;
  136. font-family:SourceHanSansCN;
  137. font-weight:bold;
  138. color:rgba(106,10,14,1);
  139. }
  140. .time{
  141. font-size:24rpx;
  142. font-family:SourceHanSansCN;
  143. font-weight:300;
  144. color:#8f560f;
  145. }
  146. .look{
  147. /* display: flex;
  148. justify-content: space-between;
  149. align-items: center;*/
  150. /* margin-bottom: 33rpx; */
  151. }
  152. .giveFrinedBtn{
  153. width: 308rpx;
  154. height: 73rpx;
  155. float: right;
  156. }
  157. .clickLook{
  158. font-size:30rpx;
  159. font-family:SourceHanSansCN;
  160. font-weight:500;
  161. color:rgba(0,0,0,1);
  162. margin-left: 15rpx;
  163. }
  164. .scrollY1{
  165. height: 360rpx;
  166. margin-top: 33rpx;
  167. }
  168. .scrollY2{
  169. height: 200rpx;
  170. margin-top: 20rpx;
  171. }
  172. .historyIcon{
  173. width: 30rpx;
  174. height: 30rpx;
  175. }
  176. .history{
  177. display: flex;
  178. justify-content: space-between;
  179. align-items: center;
  180. margin-bottom: 20rpx;
  181. }
  182. .historyLeft{
  183. position: relative;
  184. /* width: 179rpx; */
  185. width: 300rpx;
  186. height: 36rpx;
  187. }
  188. .ticketCode{
  189. text-align: center;
  190. font-size:20rpx;
  191. font-family:DIN;
  192. font-weight:500;
  193. }
  194. .historyTicketBg{
  195. /* width: 179rpx; */
  196. width: 300rpx;
  197. height: 36rpx;
  198. display: none;
  199. }
  200. .tickName{
  201. font-size:20rpx;
  202. color:rgba(102,102,102,1);
  203. }
  204. .tickType{
  205. font-size:24rpx;
  206. font-family:SourceHanSansCN;
  207. font-weight:bold;
  208. color:rgba(235,97,0,1);
  209. }
  210. .line{
  211. width: 630rpx;
  212. height: 2rpx;
  213. background-color: #CCCCCC;
  214. margin: 0 auto 40rpx auto;
  215. }
  216. /* .contAll{
  217. box-shadow: 50rpx 10rpx 20rpx #d4d2d2;
  218. } */
  219. .getToRsgister{
  220. width: 230rpx;
  221. height: 64rpx;
  222. margin-top: 20rpx;
  223. }
  224. .getHeader{
  225. width: 230rpx;
  226. height: 64rpx;
  227. }
  228. .centerBuy{
  229. width: 650rpx;
  230. height: 275rpx;
  231. }
  232. .rigWord{
  233. width: 350rpx;
  234. text-align: center;
  235. position: absolute;
  236. top: 50rpx;
  237. left: 35rpx;
  238. }
  239. .bigticketView{
  240. display: flex;
  241. justify-content: center;
  242. align-items: center;
  243. color:#8f560f;
  244. }
  245. .maney{
  246. font-weight:bold;
  247. font-size:40rpx;
  248. }
  249. .Bigticket{
  250. font-size:35rpx;
  251. font-family:DINPro;
  252. color:#8f560f;
  253. }
  254. .lookTicket{
  255. width: 308rpx;
  256. height: 73rpx;
  257. }