.container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; background-color: #f9f9f9; } .map { width: 100%; height: 70%; } .control-panel { position: fixed; bottom: 60rpx; left: 0; right: 0; display: flex; justify-content: center; padding: 0 20rpx; } .btn { width: 80%; height: 80rpx; line-height: 80rpx; text-align: center; color: white; border-radius: 40rpx; font-size: 30rpx; } .info { position: fixed; top: 30rpx; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 15rpx 30rpx; border-radius: 10rpx; font-size: 28rpx; z-index: 100; } /* 加载提示 */ .loading-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; z-index: 100; } .loading-view { background-color: white; padding: 30rpx 60rpx; border-radius: 10rpx; } /* 错误提示 */ .error-message { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 20rpx 40rpx; border-radius: 8rpx; font-size: 28rpx; z-index: 99; } /* 路线列表容器 */ .routes-container { /* background-color: white; */ padding: 20rpx; /* border-top: 1px solid #eee; */ max-height: 50vh; overflow-y: auto; } /* 目的地标题 */ .destination-title { font-size: 32rpx; color: #333; padding-bottom: 10rpx; /* border-bottom: 1px solid #f0f0f0; */ } .destination-font { font-size: 28rpx; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #333; margin-top: 20rpx; /* border-bottom: 1px solid #f0f0f0; */ } .route{ width: 100%; display: flex; } /* 路线列表 */ .routes-list { display: flex; flex-direction: column; gap: 15rpx; } /* 路线项 */ .route-item { padding: 15rpx; border-radius: 8rpx; background-color: #f9f9f9; border: 1px solid #eee; } .route-item.active { background-color: #e8f4ff; border-color: #007aff; } /* 路线头部 */ .route-header { display: flex; justify-content: space-between; margin-bottom: 10rpx; } .route-number { font-size: 28rpx; font-weight: 500; color: #333; } .route-policy { font-size: 24rpx; color: #666; background-color: #f0f0f0; padding: 2rpx 10rpx; border-radius: 12rpx; } .route-item.active .route-policy { background-color: #007aff; color: white; } /* 路线详情 */ .route-details { display: flex; justify-content: space-between; align-items: center; } .detail-item { display: flex; align-items: center; margin-right: 20rpx; } .detail-text { font-size: 26rpx; color: #333; margin-left: 8rpx; } /* 路况信息 */ .traffic-info { margin-top: 10rpx; } .traffic-text { font-size: 24rpx; color: #ff6b00; } .storagecartext{ width:100%; display: flex; justify-content: space-between; /* justify-content:space-around; */ align-items: center; padding-left:20rpx; box-sizing: border-box; margin-top: 20rpx; } .storagecar{ width: 260rpx; height: 180rpx; } .viewmore{ margin-top: 20rpx; }