issueTicket.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. page {
  2. background: #F3F3F3;
  3. color: #333;
  4. }
  5. view,text{
  6. box-sizing: border-box;
  7. color:#333;
  8. font-size: 28rpx;
  9. }
  10. .van-tab--active view.van-ellipsis{
  11. color:#1677FF;
  12. }
  13. .ticket-list{
  14. margin:22rpx 24rpx 0;
  15. width:702rpx;
  16. }
  17. .ticket-item{
  18. background: #FFFFFF;
  19. border-radius: 18rpx;
  20. min-height:200rpx;
  21. margin-bottom:24rpx;
  22. padding:30rpx 24rpx 28rpx;
  23. }
  24. .ticket-top{
  25. margin-bottom:18rpx;
  26. height: 48rpx;
  27. display: flex;
  28. align-items: center;
  29. justify-content: space-between;
  30. }
  31. .top-left,.top-right{
  32. height: 48rpx;
  33. display: flex;
  34. align-items: center;
  35. line-height: 48rpx;
  36. }
  37. .top-left image{
  38. width:34rpx;
  39. height: 34rpx;
  40. margin-right:10rpx;
  41. }
  42. .top-left view{
  43. font-size: 32rpx;
  44. }
  45. .top-right view{
  46. color: #09AFFF;
  47. font-size: 22rpx;
  48. }
  49. .top-right image{
  50. width:24rpx;
  51. height: 24rpx;
  52. margin-right:10rpx;
  53. }
  54. .ticket-content view{
  55. line-height: 48rpx;
  56. }
  57. .prorgress{
  58. height: 48rpx;
  59. display: flex;
  60. align-items: center;
  61. }
  62. .progress-dot{
  63. width: 10rpx;
  64. height: 10rpx;
  65. background: #09AFFF;
  66. border-radius: 10rpx;
  67. margin-right:8rpx;
  68. }
  69. .progress-tip{
  70. font-size: 16rpx;
  71. color:#999;
  72. line-height: 24rpx;
  73. padding-left:18rpx;
  74. }
  75. .ticket-bottom{
  76. height: 40rpx;
  77. display: flex;
  78. align-items: center;
  79. justify-content: flex-end;
  80. }
  81. .ticket-bottom view{
  82. color: #0EAEFC;
  83. line-height: 40rpx;
  84. }
  85. .ticket-bottom image{
  86. width:24rpx;
  87. height: 24rpx;
  88. margin-right:8rpx;
  89. }
  90. .no-order{
  91. text-align: center;
  92. line-height: 80rpx;
  93. font-size: 24rpx;
  94. color:#999
  95. }