206 lines
3.2 KiB
CSS
206 lines
3.2 KiB
CSS
.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;
|
|
}
|