.controls-location { height: 30px; width: 30px; position: absolute; }
|
.server-place { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; background: #ffffff; z-index: 999;
|
.map-tools { position: fixed; width: 100%; bottom: 30rpx; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column;
|
.my-location { width: 90%; margin: 0 auto; height: 120rpx; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 20rpx; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; display: none;
|
.left { background: #3384ff; height: 120rpx; width: 120rpx; }
|
.right { margin-left: 20rpx; color: #111; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;
|
.title { font-size: 28rpx; font-weight: bold; }
|
.text { font-size: 26rpx; width: 500rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #3384FF; margin-top: 10rpx; }
|
}
|
}
|
|
.start-place { width: 85%; margin: 0 auto; margin: 0 auto; margin-top: 20rpx; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 20rpx; padding: 20rpx;
|
.place { display: flex; justify-content: flex-start; align-items: center;
|
.title { font-size: 28rpx; font-weight: bold; color: #111; }
|
.text { font-size: 28rpx; color: #3384FF; font-weight: bold; width: 450rpx; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
}
|
.tip { font-size: 22rpx; color: #666; margin-top: 15rpx; }
|
.sure { margin-top: 15rpx; color: #FFFFFF; background: #212121; font-weight: blod; font-size: 32rpx; }
|
}
|
}
|
}
|
.searchBox { width: calc(100% - 20px); position: absolute; z-index: 1000; margin: 0 10px; }
|
