| | |
|---|
| | | :enable-zoom="true" |
|---|
| | | :enable-scroll="true" |
|---|
| | | ></map> |
|---|
| | | <view class="order-detail-page__map-bubble"> |
|---|
| | | <text class="order-detail-page__map-bubble-text">{{ distance > 0 ? `剩余${(distance / 1000).toFixed(1)}km，约${Math.ceil(duration / 60)}分钟` : '正在获取位置信息...' }}</text> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | |
|---|
| | | <view class="order-detail-page__status-bar"> |
|---|
| | |
|---|
| | | &__map { |
|---|
| | | width: 750rpx; |
|---|
| | | height: 500rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &__map-bubble { |
|---|
| | | position: absolute; |
|---|
| | | left: 34rpx; |
|---|
| | | bottom: 32rpx; |
|---|
| | | padding: 12rpx 18rpx; |
|---|
| | | border-radius: 14rpx; |
|---|
| | | background: rgba(255, 255, 255, 0.96); |
|---|
| | | box-shadow: 0 8rpx 18rpx rgba(23, 74, 163, 0.12); |
|---|
| | | } |
|---|
| | | |
|---|
| | | &__map-bubble-text { |
|---|
| | | font-size: 24rpx; |
|---|
| | | font-weight: 600; |
|---|
| | | color: #2f6ff2; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &__status-bar { |
|---|
