jiangping
2024-06-28 43942a545271345ce26e40d82bb97138c5ea7611
h5/pages/driver/queueUpRecord.vue
@@ -8,7 +8,11 @@
      <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">
@@ -23,7 +27,11 @@
         <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">
@@ -44,7 +52,7 @@
      data() {
         return {
            
         };
    }
      }
   }
</script>
@@ -59,7 +67,7 @@
      justify-content: center;
      align-items: center;
      height: 104rpx;
      font-weight: 500;
    font-weight: 600;
      font-size: 32rpx;
      color: #111111;
      background-color: #fff;
@@ -90,7 +98,7 @@
            position: absolute;
            top: 0;
            left: 0;
            background: #00BA67;
        background: #00ba67;
            border-radius: 8rpx 0rpx 8rpx 0rpx;
            height: 42rpx;
            line-height: 42rpx;
@@ -101,7 +109,7 @@
            z-index: 11;
         }
         .padding{
            background: #E9F5F6;
        background: #e9f5f6;
            color: $uni-color-primary;
         }
         .avatar{
@@ -112,7 +120,7 @@
         .content{
            flex: 1;
            .id_card{
               font-weight: 500;
          font-weight: 600;
               font-size: 30rpx;
               color: #111111;
            }
@@ -132,9 +140,8 @@
         }
      }
      .active{
         background: linear-gradient( 270deg, #FFFFFF 0%, #E1F7FE 100%);
      background: linear-gradient(270deg, #ffffff 0%, #e1f7fe 100%);
      }
   }
}
</style>