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.

myReplace.wxss 2.2KB

5 anni fa
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. /* pages/myReplace/myReplace.wxss */
  2. page{
  3. width: 100%;
  4. height: 100%;
  5. background: #fafafa;
  6. }
  7. .all{
  8. width: 100%;
  9. height: 100%;
  10. padding: 60rpx 32rpx;
  11. box-sizing: border-box;
  12. }
  13. .lookTicketTop{
  14. display: flex;
  15. justify-content: space-between;
  16. align-items: center;
  17. margin-bottom: 33rpx;
  18. }
  19. .ticketWord{
  20. margin-right: 400rpx;
  21. font-size:30rpx;
  22. font-family:Source Han Sans CN;
  23. font-weight:500;
  24. color:rgba(51,51,51,1);
  25. }
  26. .ticketAll{
  27. display: flex;
  28. justify-content: flex-start;
  29. align-items: center;
  30. margin-bottom: 33rpx;
  31. position: relative;
  32. }
  33. .ticketAll .circle{
  34. width: 30rpx;
  35. height: 30rpx;
  36. border-radius: 50%;
  37. position: absolute;
  38. left: 205rpx;
  39. background:rgba(250,250,250,1);
  40. /* background:red; */
  41. }
  42. .circle1{
  43. top: -15rpx;
  44. }
  45. .circle2{
  46. bottom: -15rpx;
  47. }
  48. .ticketleft,.ticketleft image{
  49. width: 220rpx;
  50. height: 220rpx;
  51. border-radius: 20rpx;
  52. }
  53. .ticketRig{
  54. background-color: #ffffff;
  55. /* background-color: red; */
  56. width: 466rpx;
  57. height: 220rpx;
  58. border-radius: 20rpx;
  59. padding: 31rpx 24rpx 0rpx 24rpx;
  60. box-sizing: border-box;
  61. box-shadow: 10rpx 5rpx 20rpx 5rpx #f2f2f2;
  62. }
  63. .ticket-title{
  64. font-size:30rpx;
  65. font-family:Source Han Sans CN;
  66. font-weight:500;
  67. color:rgba(106,10,14,1);
  68. }
  69. .ticket-desc{
  70. font-size:20rpx;
  71. font-family:Source Han Sans CN;
  72. font-weight:400;
  73. color:rgba(51,51,51,1);
  74. }
  75. .validity{
  76. font-size:20rpx;
  77. font-family:Source Han Sans CN;
  78. font-weight:300;
  79. color:rgba(153,153,153,1);
  80. }
  81. .line{
  82. width: 100%;
  83. height: 1px;
  84. background: #E6E6E6;
  85. margin-top: 24rpx;
  86. }
  87. .giveFriend{
  88. display: flex;
  89. justify-content: flex-end;
  90. align-items: center;
  91. padding-top: 24rpx;
  92. }
  93. .giveFriend image{
  94. width: 24rpx;
  95. height: 24rpx;
  96. margin-top: 6rpx;
  97. margin-left: 15rpx;
  98. }
  99. .giveFriend text{
  100. font-size:24rpx;
  101. font-family:Source Han Sans CN;
  102. font-weight:300;
  103. color:rgba(235,97,0,1);
  104. }
  105. .scroll{
  106. max-height: 500rpx;
  107. }
  108. .historyCont{
  109. display: flex;
  110. justify-content: space-between;
  111. align-items: center;
  112. }
  113. .ticketCode{
  114. font-size:20rpx;
  115. font-family:Source Han Sans CN;
  116. font-weight:500;
  117. color:rgba(153,153,153,1);
  118. }
  119. .ticketName{
  120. font-size:20rpx;
  121. font-family:Source Han Sans CN;
  122. font-weight:400;
  123. color:rgba(102,102,102,1);
  124. }
  125. .historyCont{
  126. margin-top: 34rpx
  127. }