hexiaolist.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /* 页面容器 */
  2. .page-container.data-v-efeec928 {
  3. min-height: 100vh;
  4. background-color: #f5f5f5;
  5. }
  6. /* 搜索区域 */
  7. .search-bar.data-v-efeec928 {
  8. display: flex;
  9. align-items: center;
  10. padding: 15rpx;
  11. background-color: #fff;
  12. margin-bottom: 10rpx;
  13. }
  14. .search-input-wrap.data-v-efeec928 {
  15. flex: 1;
  16. display: flex;
  17. align-items: center;
  18. background-color: #f5f5f5;
  19. border-radius: 20rpx;
  20. padding: 0 15rpx;
  21. height: 35px;
  22. /* 点击区域cursor */
  23. cursor: pointer;
  24. }
  25. .search-icon.data-v-efeec928 {
  26. color: #999;
  27. margin-right: 10rpx;
  28. }
  29. .search-input.data-v-efeec928 {
  30. flex: 1;
  31. height: 100%;
  32. font-size: 14px;
  33. background-color: transparent;
  34. line-height: 35px;
  35. }
  36. /* 占位符样式 */
  37. .placeholder.data-v-efeec928 {
  38. color: #999;
  39. }
  40. .cancel-btn.data-v-efeec928 {
  41. color: #007aff;
  42. font-size: 16px;
  43. margin-left: 15rpx;
  44. }
  45. /* 记录列表 */
  46. .record-list.data-v-efeec928 {
  47. padding: 0 15rpx;
  48. }
  49. .record-item.data-v-efeec928 {
  50. background-color: #fff;
  51. border-radius: 10rpx;
  52. padding: 20rpx;
  53. margin-bottom: 15rpx;
  54. position: relative;
  55. border: 1px solid #eee;
  56. }
  57. /* 第一条记录高亮边框 */
  58. .active-item.data-v-efeec928 {
  59. border: 2px solid #ffd700;
  60. }
  61. /* 已乘车标签 */
  62. .status-tag.data-v-efeec928 {
  63. position: absolute;
  64. top: 20rpx;
  65. right: 20rpx;
  66. background-color: #4cd964;
  67. color: #fff;
  68. font-size: 12px;
  69. padding: 2rpx 8rpx;
  70. border-radius: 4rpx;
  71. }
  72. /* 记录内容 */
  73. .record-content.data-v-efeec928 {
  74. margin-top: 5rpx;
  75. }
  76. .record-text.data-v-efeec928 {
  77. display: block;
  78. font-size: 14px;
  79. color: #333;
  80. line-height: 45rpx;
  81. }