123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- .container {
-
- }
- .car-info {
- width: 100%;
- /* height: 725rpx; */
- background-color: #ffffff;
- border-radius: 32rpx 32rpx 0 0;
- position: fixed;
- bottom: 0;
- z-index: 1000;
- padding: 44rpx 32rpx 120rpx;
- }
- .info-top {
- padding-bottom: 32rpx;
- border-bottom: 2rpx solid #F4F5F6;
- margin-bottom: 32rpx;
- }
- .info-top .img {
- width: 125rpx;
- height: 125rpx;
- border-radius: 16rpx;
- overflow: hidden;
- }
- .top-left > view:nth-of-type(1) {
- color: #2A3A5A;
- font-size: 36rpx;
- margin-bottom: 16rpx;
- font-weight: bold;
- }
- .top-left > view:nth-of-type(2) {
- color: #5E6F90;
- background-color: #F3F8FF;
- border-radius: 40rpx;
- padding: 0 20rpx;
- padding-top: 12rpx;
- padding-bottom: 12rpx;
- text-align: center;
- }
- .ctime {
- color: #9FA7B7;
- font-size: 30rpx;
- margin-bottom: 40rpx;
- }
- .center-left {
- flex-direction: column;
- align-items: center;
- }
- .center-left > view:nth-of-type(1) {
- width: 16rpx;
- height: 16rpx;
- background-color: #2A3A5A;
- border-radius: 50%;
- margin-bottom: 4rpx;
- }
- .center-left > view:nth-of-type(2) {
- height: 54rpx;
- border: 2rpx dashed #CEE4FF;
- }
- .center-left > view:nth-of-type(3) {
- width: 16rpx;
- height: 16rpx;
- background-color: #0074FF;
- border-radius: 50%;
- margin-top: 4rpx;
- }
- .center-right {
- color: #2A3A5A;
- font-size: 28rpx;
- display: flex;
- flex-direction: column;
- height: 100%;
- margin-left: 16rpx;
- }
- .center-right > view:nth-of-type(1) {
- margin-bottom: 40rpx;
- }
- .info-bottom {
- background-color: #F3F8FF;
- border-radius: 16rpx;
- margin-top: 40rpx;
- padding: 32rpx 20rpx;
- }
- .bottom-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .bottom-item > view:nth-of-type(1) {
- color: #2A3A5A;
- font-size: 40rpx;
- font-weight: bold;
- margin-bottom: 12rpx;
- }
- .bottom-item text {
- color: #2A3A5A;
- font-size: 28rpx;
- margin-left: 4rpx;
- }
- .bottom-item > view:nth-of-type(2) {
- color: #5E6F90;
- font-size: 24rpx;
- }
- .address-name-style{
- width: 640rpx;
- white-space: nowrap; /* 保持文本在一行内显示 */
- overflow: hidden; /* 隐藏溢出的内容 */
- text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
- }
|