| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- /* 页面容器 */
- .page-container.data-v-efeec928 {
- min-height: 100vh;
- background-color: #f5f5f5;
- }
- /* 搜索区域 */
- .search-bar.data-v-efeec928 {
- display: flex;
- align-items: center;
- padding: 15rpx;
- background-color: #fff;
- margin-bottom: 10rpx;
- }
- .search-input-wrap.data-v-efeec928 {
- flex: 1;
- display: flex;
- align-items: center;
- background-color: #f5f5f5;
- border-radius: 20rpx;
- padding: 0 15rpx;
- height: 35px;
- /* 点击区域cursor */
- cursor: pointer;
- }
- .search-icon.data-v-efeec928 {
- color: #999;
- margin-right: 10rpx;
- }
- .search-input.data-v-efeec928 {
- flex: 1;
- height: 100%;
- font-size: 14px;
- background-color: transparent;
- line-height: 35px;
- }
- /* 占位符样式 */
- .placeholder.data-v-efeec928 {
- color: #999;
- }
- .cancel-btn.data-v-efeec928 {
- color: #007aff;
- font-size: 16px;
- margin-left: 15rpx;
- }
- /* 记录列表 */
- .record-list.data-v-efeec928 {
- padding: 0 15rpx;
- }
- .record-item.data-v-efeec928 {
- background-color: #fff;
- border-radius: 10rpx;
- padding: 20rpx;
- margin-bottom: 15rpx;
- position: relative;
- border: 1px solid #eee;
- }
- /* 第一条记录高亮边框 */
- .active-item.data-v-efeec928 {
- border: 2px solid #ffd700;
- }
- /* 已乘车标签 */
- .status-tag.data-v-efeec928 {
- position: absolute;
- top: 20rpx;
- right: 20rpx;
- background-color: #4cd964;
- color: #fff;
- font-size: 12px;
- padding: 2rpx 8rpx;
- border-radius: 4rpx;
- }
- /* 记录内容 */
- .record-content.data-v-efeec928 {
- margin-top: 5rpx;
- }
- .record-text.data-v-efeec928 {
- display: block;
- font-size: 14px;
- color: #333;
- line-height: 45rpx;
- }
|