track.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-132a14af {
  4. display: flex;
  5. flex-direction: column;
  6. min-height: 100vh;
  7. background-color: #f1f6fe;
  8. }
  9. .container .search.data-v-132a14af {
  10. display: flex;
  11. justify-content: space-evenly;
  12. margin: 30rpx 0;
  13. height: 65rpx;
  14. }
  15. .container .search .search_box.data-v-132a14af {
  16. display: flex;
  17. justify-content: center;
  18. align-items: center;
  19. box-sizing: border-box;
  20. width: 195rpx;
  21. height: 65rpx;
  22. font-size: 28rpx;
  23. border-radius: 72rpx;
  24. background-color: #fff;
  25. }
  26. .container .search .active.data-v-132a14af {
  27. color: #1e7dfb;
  28. border: 1rpx solid #1e7dfb;
  29. }
  30. .container .map.data-v-132a14af {
  31. width: 750rpx;
  32. height: 469rpx;
  33. }
  34. .container .track.data-v-132a14af {
  35. padding: 0 20rpx 20rpx 20rpx;
  36. }
  37. .container .track .track_title.data-v-132a14af {
  38. margin: 30rpx 0;
  39. font-size: 32rpx;
  40. font-weight: bold;
  41. }
  42. .container .track .track_time.data-v-132a14af {
  43. font-size: 28rpx;
  44. font-weight: bold;
  45. }
  46. .container .track .track_desc.data-v-132a14af {
  47. display: flex;
  48. margin-top: 10rpx;
  49. color: #808080;
  50. font-size: 24rpx;
  51. }
  52. .container .track .track_desc .img.data-v-132a14af {
  53. width: 100rpx;
  54. height: 160rpx;
  55. }