| | |
| | | <view class="main_list"> |
| | | <view class="item"> |
| | | <view class="status">作业中</view> |
| | | <image class="avatar" src="@/static/driver/ic_truck@2x.png" mode=""></image> |
| | | <image |
| | | class="avatar" |
| | | src="@/static/driver/ic_truck@2x.png" |
| | | mode="" |
| | | ></image> |
| | | <view class="content"> |
| | | <view class="id_card">皖A</view> |
| | | <view class="line"> |
| | |
| | | <view class="item active"> |
| | | <view class="status padding">作业中</view> |
| | | <view class="me">我</view> |
| | | <image class="avatar" src="@/static/driver/ic_truck@2x.png" mode=""></image> |
| | | <image |
| | | class="avatar" |
| | | src="@/static/driver/ic_truck@2x.png" |
| | | mode="" |
| | | ></image> |
| | | <view class="content"> |
| | | <view class="id_card">皖A</view> |
| | | <view class="line"> |
| | |
| | | data() { |
| | | return { |
| | | |
| | | }; |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 104rpx; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #111111; |
| | | background-color: #fff; |
| | |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | background: #00BA67; |
| | | background: #00ba67; |
| | | border-radius: 8rpx 0rpx 8rpx 0rpx; |
| | | height: 42rpx; |
| | | line-height: 42rpx; |
| | |
| | | z-index: 11; |
| | | } |
| | | .padding{ |
| | | background: #E9F5F6; |
| | | background: #e9f5f6; |
| | | color: $uni-color-primary; |
| | | } |
| | | .avatar{ |
| | |
| | | .content{ |
| | | flex: 1; |
| | | .id_card{ |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | font-size: 30rpx; |
| | | color: #111111; |
| | | } |
| | |
| | | } |
| | | } |
| | | .active{ |
| | | background: linear-gradient( 270deg, #FFFFFF 0%, #E1F7FE 100%); |
| | | background: linear-gradient(270deg, #ffffff 0%, #e1f7fe 100%); |
| | | } |
| | | } |
| | | |
| | | } |
| | | </style> |