voyageCard.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. .df {
  2. display: flex;
  3. }
  4. .aic {
  5. align-items: center;
  6. }
  7. .jcsb {
  8. justify-content: space-between;
  9. }
  10. .search {
  11. width: 686rpx;
  12. height: 76rpx;
  13. background: #FFFFFF;
  14. box-shadow: 0px 3rpx 9rpx 3rpx rgba(92, 123, 111, 0.26);
  15. border-radius: 12rpx;
  16. padding-left: 50rpx;
  17. color: #333;
  18. margin: 0 auto;
  19. display: flex;
  20. justify-content: space-between;
  21. padding-right: 20rpx;
  22. }
  23. .avatar {
  24. background: grey;
  25. width: 52rpx;
  26. height: 52rpx;
  27. border-radius: 50%;
  28. }
  29. .tabsview {
  30. height: 84rpx;
  31. line-height: 84rpx;
  32. font-size: 32rpx;
  33. font-family: PingFangSC-Semibold, PingFang SC;
  34. font-weight: 600;
  35. color: #363F4A;
  36. }
  37. .tabsview-1 {
  38. margin-left: 28rpx;
  39. margin-right: 40rpx;
  40. }
  41. .tabs {
  42. margin-bottom: 28rpx;
  43. }
  44. .list {
  45. width: 694rpx;
  46. height: 172rpx;
  47. background: #FFFFFF;
  48. border-radius: 12rpx;
  49. padding: 32rpx;
  50. margin: 0 auto;
  51. margin-bottom: 10rpx;
  52. }
  53. .icon {
  54. width: 42rpx;
  55. height: 42rpx;
  56. background: #0089FD;
  57. border-radius: 4rpx;
  58. margin-right: 20rpx;
  59. }
  60. .ship-name {
  61. font-size: 32rpx;
  62. font-family: PingFangSC-Semibold, PingFang SC;
  63. font-weight: 600;
  64. color: #20252E;
  65. margin-right: 30rpx;
  66. }
  67. .not-started {
  68. width: 117rpx;
  69. height: 42rpx;
  70. line-height: 40rpx;
  71. background: rgba(0, 137, 253, 0.13);
  72. border-radius: 2rpx;
  73. border: 1rpx solid #0089FD;
  74. text-align: center;
  75. font-size: 24rpx;
  76. font-family: PingFangSC-Medium, PingFang SC;
  77. font-weight: 500;
  78. color: #0089FD;
  79. }
  80. .go-to {
  81. flex: 1;
  82. text-align: right;
  83. font-size: 26rpx;
  84. font-family: PingFangSC-Medium, PingFang SC;
  85. font-weight: 500;
  86. color: #0089FD;
  87. }
  88. .text {
  89. font-size: 28rpx;
  90. font-family: PingFangSC-Regular, PingFang SC;
  91. font-weight: 400;
  92. color: #6C6C6C;
  93. }
  94. .shu {
  95. margin-left: 16rpx;
  96. }
  97. .finish {
  98. width: 137px;
  99. height: 42rpx;
  100. background: #15E3AB;
  101. border-radius: 2rpx;
  102. font-size: 24rpx;
  103. font-family: PingFangSC-Medium, PingFang SC;
  104. font-weight: 500;
  105. color: #FFFFFF;
  106. line-height: 40rpx;
  107. }
  108. .transit {
  109. width: 117rpx;
  110. height: 42rpx;
  111. background: rgba(17, 232, 174, 0.08);
  112. border-radius: 2rpx;
  113. border: 1rpx solid #11E8AE;
  114. font-size: 24rpx;
  115. font-family: PingFangSC-Medium, PingFang SC;
  116. font-weight: 500;
  117. color: #15E3AB;
  118. line-height: 40rpx;
  119. text-align: center;
  120. }
  121. .unload-finish {
  122. width: 137rpx;
  123. height: 42rpx;
  124. background: #15E3AB;
  125. border-radius: 2rpx;
  126. font-size: 24rpx;
  127. font-family: PingFangSC-Medium, PingFang SC;
  128. font-weight: 500;
  129. color: #FFFFFF;
  130. line-height: 42rpx;
  131. text-align: center;
  132. }