weizhang.acss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /* required by usingComponents */
  2. .image{
  3. position: absolute;
  4. top: 0;
  5. right: 0;
  6. }
  7. .none{
  8. width: 100%;
  9. height: 75%;
  10. display: flex;
  11. flex-direction: column;
  12. align-items: center;
  13. justify-content: center;
  14. padding-top: 45%;
  15. }
  16. .none text{
  17. padding-top: 30rpx;
  18. color: #18D5B9;
  19. font-size: 30rpx;
  20. }
  21. page{
  22. background-color: #f2f3f5;
  23. padding-top: 10rpx;
  24. }
  25. .trip-list{
  26. margin: 0 20rpx;
  27. }
  28. .trip-list-item{
  29. border-radius: 6rpx;
  30. margin-top: 30rpx;
  31. background-color: #ffffff;
  32. padding: 20rpx;
  33. font-size: 28rpx;
  34. }
  35. .title{
  36. display: flex;
  37. }
  38. .title-left{
  39. flex: 1;
  40. }
  41. .title-right{
  42. flex: 1;
  43. text-align: right;
  44. color: #999999;
  45. }
  46. .time{
  47. margin-top: 20rpx;
  48. margin-bottom: 20rpx;
  49. }
  50. .place{
  51. margin-top: 10rpx;
  52. }
  53. .time-image{
  54. display: inline-block;
  55. vertical-align: middle;
  56. height: 30rpx;
  57. width: 30rpx;
  58. }
  59. .time-text{
  60. display: inline-block;
  61. vertical-align: middle;
  62. margin-left: 20rpx;
  63. }
  64. .time-right{
  65. display: inline-block;
  66. vertical-align: middle;
  67. float:right;
  68. }
  69. .dizhi{
  70. display: flex;
  71. position: relative;
  72. }
  73. .dizhi-left{
  74. flex: 0 0 30rpx;
  75. }
  76. .dizhi-right{
  77. flex: 1;
  78. margin-left: 20rpx;
  79. }
  80. .dian1{
  81. height: 15rpx;
  82. width: 15rpx;
  83. border-radius: 50%;
  84. margin-top:20rpx;
  85. margin-left: 10rpx;
  86. background-color: #38df49;
  87. }
  88. .dian2{
  89. height:15rpx;
  90. width: 15rpx;
  91. margin-top:30rpx;
  92. margin-left: 10rpx;
  93. border-radius: 50%;
  94. background-color: #fd9b1c;
  95. }
  96. .xian{
  97. border-right: solid 1rpx #999999;
  98. height: 30rpx;
  99. position: absolute;
  100. left: 16rpx;
  101. top: 35rpx;
  102. }
  103. .more{
  104. text-align: center;
  105. font-size: 26rpx;
  106. color: #999999;
  107. height: 100rpx;
  108. line-height:100rpx;
  109. margin-top: 30rpx;
  110. }