.divMapTools { position: absolute; z-index: 100; bottom: 150px; } .divMapOrder { font-size: 14px; line-height: 35px; background: #f1f7f0; width: 100%; justify-content: space-between; align-items: center; display: flex; margin-bottom: 50rpx; } .divMapBottom { bottom: 30px; width: 100%; text-align: center; padding: 0 15px; } .divScanBtn { background-color: #07c160; color: white; display: flex; justify-content: center; border-radius: 50rpx; align-items: center; font-size: 35rpx; font-weight: 500; padding: 20rpx 0; } .divScanBtn:active { background-color: #05a550; opacity: 0.8; transform: scale(0.98); } .divScanBtnDis { pointer-events: none; background: #cfd1cf !important; } .mineIcon { width: 30px; height: 30px; background-size: cover; } .divMess { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1000; background-color: #4c4d4e57; font-family: 黑体; display: flex; align-items: center; padding: 0px 15px; } .divMessTitle1 { color: black; font-size: 16px; font-weight: 600; line-height: 30px; } .divMessTitle2 { font-size: 12px; color: #000000c9; line-height: 18px; font-weight: 600; } .divMessWorn { margin-top: 40px; } .divMessWornTitle { font-size: 16px; font-weight: bold; color: black; } .divMessWornContent { font-size: 12px; color: #2d2828; } .divMessBtn { margin-top: 50px; text-align: center; margin-bottom: 30px; } .divOrder { position: absolute; z-index: 200; bottom: 0; padding: 10px 15px; border-radius: 5px; background: white; width: 100%; } .divOrderRow { display: flex; justify-content: space-between; align-items: center; color: black; font-size: 14px; line-height: 25px; } .divOrderCell { width: 100vw; } .divOrderCell2 { width: 100vw; } .divOrderImg { width: 15px; height: 13px; margin-right: 5px; } .divOderBtn { margin-top: 30px; display: flex; width: 100%; justify-content: space-between; } .bottom-tool-bar { position: fixed; overflow: hidden; bottom: 0; z-index: 1000; left: 0; right: 0; background-color: hsla(0, 0%, 100%, 0.84); box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1); border-radius: 25rpx 25rpx 0 0; } .divImg { width: 25px; height: 25px; background-size: cover; } .tools-bar { width: 100%; display: flex; flex-wrap: wrap; padding: 0 15rpx; justify-content: space-around; margin: 30rpx 0 60rpx 0; } .tools-bar .tool { display: flex; justify-content: center; align-items: center; padding: 15rpx 35rpx; color: white; font-size: 20px; border-radius: 25px; } .tools-bar .tool .tools-name { margin-left: 10rpx; font-size: 28rpx; } .tools-bar .tool:active { opacity: 0.8; transform: scale(0.98); } /* 当前位置按钮样式 */ .current-location { /* background: linear-gradient(to right, #3498db, #2980b9); */ background-color: #07c160; } /* 故障反馈按钮样式 */ .fault-feedback { /* background: linear-gradient(to right, #e74c3c, #c0392b); */ background-color: #07c160; } /* 申请还车按钮样式 */ .return-vehicle { /* background: linear-gradient(to right, #2ecc71, #27ae60); */ background-color: #07c160; }