voyages.wxss 902 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /* components/voyages/Voyages.wxss */
  2. .df {
  3. display: flex;
  4. }
  5. .jcsb {
  6. justify-content: space-between;
  7. }
  8. .jcc {
  9. justify-content: center;
  10. }
  11. .jcfe {
  12. justify-content: flex-end;
  13. }
  14. .jcsa {
  15. justify-content: space-around;
  16. }
  17. .aic {
  18. align-items: center;
  19. }
  20. .search {
  21. border: 1rpx solid grey;
  22. width: 80%;
  23. background: #fff;
  24. }
  25. .tabs {
  26. width: 100%;
  27. height: 100rpx;
  28. background: #fff;
  29. box-shadow: rgb(209, 206, 206) 5rpx 5rpx 10rpx;
  30. border-bottom: 2rpx solid grey;
  31. }
  32. .tabsview {
  33. width: 160rpx;
  34. height: 60rpx;
  35. text-align: center;
  36. }
  37. .p10 {
  38. padding: 10rpx 20rpx;
  39. }
  40. .m30a {
  41. margin: 30rpx auto;
  42. }
  43. .list {
  44. padding: 30rpx;
  45. font-size: 28rpx;
  46. }
  47. .col-1 {
  48. width: 30vw;
  49. }
  50. .col-2 {
  51. width: 30vw;
  52. }
  53. .col-3 {
  54. width: 15vw;
  55. }
  56. .col-4 {
  57. width: 10vw;
  58. }
  59. .bottom-text {
  60. text-align: center;
  61. padding-top: 30rpx;
  62. padding-bottom: 50rpx;
  63. font-size: 26rpx;
  64. color: #777;
  65. }