css

liukangdong

2024-06-25 ebc96a1cf0424c04dceacbc42f9ad2a897223be9

 h5/pages/driver/taskConfirm.vue

@@ -1,7 +1,11 @@
<template>
   <view class="main_app">
      <view class="status_wrap">
         <image class="bg" src="../../static/driver/bg_renwu@2x.png" mode=""></image>
      <image
        class="bg"
        src="../../static/driver/bg_renwu@2x.png"
        mode=""
      ></image>
         <view class="name">作业已完成</view>
         <view class="id_card">皖AD1212</view>
         <view class="status">作业完成</view>
@@ -32,20 +36,23 @@
         <view class="line">
            <view class="label">车前牌照号</view>
            <view class="value" @click="openInput(1)">
               <text :style="{ color: param.carNos ? '#000000' : '#999999' }">{{ param.carNos ? param.carNos : '请输入车前牌照号'
          <text :style="{ color: param.carNos ? '#000000' : '#999999' }">{{
            param.carNos ? param.carNos : "请输入车前牌照号"
                  }}</text>
            </view>
         </view>
         <view class="line">
            <view class="label">车后牌照号</view>
            <view class="value">
               <text @click="openInput(1)" :style="{ color: param.carNos ? '#000000' : '#999999' }">{{ param.carNos ?
               param.carNos : '请输入车后牌照号' }}</text>
          <text
            @click="openInput(1)"
            :style="{ color: param.carNos ? '#000000' : '#999999' }"
            >{{ param.carNos ? param.carNos : "请输入车后牌照号" }}</text
          >
               <text class="copy">复制车前牌照号</text>
            </view>
         </view>
         <!--  -->

      </view>
      <view class="space"></view>
      <!-- 等待叫号 -->
@@ -54,8 +61,15 @@
      </view>

      <!-- modal -->
      <u-popup :show="showDetail" :round="10" :safeAreaInsetBottom="true" closeOnClickOverlay :closeable="true"
         mode="bottom" @close="showDetail = false">
    <u-popup
      :show="showDetail"
      :round="10"
      :safeAreaInsetBottom="true"
      closeOnClickOverlay
      :closeable="true"
      mode="bottom"
      @close="showDetail = false"
    >
         <view class="detail_modal">
            <view class="modal_title">运单详情</view>
            <view class="id_card">
@@ -170,7 +184,7 @@
   padding: 0;

   .main_content {
      background: #FFFFFF;
    background: #ffffff;
      border-radius: 20rpx 20rpx 0rpx 0rpx;
      padding: 16rpx 30rpx;
      position: relative;
@@ -178,7 +192,7 @@

      .line {
         padding: 24rpx 0 28rpx;
         border-bottom: 1rpx solid #E5E5E5;
      border-bottom: 1rpx solid #e5e5e5;

         .label {
            font-size: 26rpx;
@@ -216,7 +230,7 @@
      }
      .warnning {
         display: flex;
         color: #ED4545;
      color: #ed4545;
         align-items: center;
         margin: 40rpx 0;
      }
@@ -234,7 +248,7 @@
         align-items: center;

         .handle {
            font-weight: 500;
        font-weight: 600;
            font-size: 40rpx;
            line-height: 56rpx;
         }
@@ -270,7 +284,7 @@
      }

      .name {
         font-weight: 500;
      font-weight: 600;
         font-size: 40rpx;
         line-height: 56rpx;
         margin-bottom: 12rpx;
@@ -285,12 +299,11 @@
         top: 30rpx;
         height: 68rpx;
         line-height: 68rpx;
         background: #FFFFFF;
      background: #ffffff;
         padding: 0 24rpx;
         border-radius: 34rpx 0rpx 0rpx 34rpx;
         font-size: 26rpx;
         color: $uni-color-primary;

      }
   }

@@ -316,7 +329,7 @@
         width: 690rpx;
         font-size: 36rpx;
         color: #333333;
         background: #FFFFFF;
      background: #ffffff;
         border-radius: 48rpx;
         border: 1rpx solid #999999;
      }
@@ -333,7 +346,7 @@
   padding: 36rpx 30rpx;

   .modal_title {
      font-weight: 500;
    font-weight: 600;
      font-size: 32rpx;
      color: #222222;
      line-height: 44rpx;
@@ -343,7 +356,7 @@

   .contract_list {
      .list {
         background: #F7F7F7;
      background: #f7f7f7;
         border-radius: 8rpx;
         padding: 20rpx;

@@ -352,7 +365,7 @@
            margin-bottom: 20rpx;

            &:nth-of-type(3n) {
               border-top: 1rpx solid #E5E5E5;
          border-top: 1rpx solid #e5e5e5;
               padding-top: 20rpx;
            }

@@ -369,7 +382,7 @@
      }

      .title {
         font-weight: 500;
      font-weight: 600;
         font-size: 30rpx;
         color: $uni-color-primary;
         margin-bottom: 12rpx;
@@ -405,7 +418,7 @@
      width: 750rpx;
      height: 2rpx;
      margin: 30rpx -30rpx;
      border: 1rpx solid #E5E5E5;
    border: 1rpx solid #e5e5e5;
   }

   .id_card {
@@ -420,15 +433,15 @@
      margin-bottom: 30rpx;

      .last {
         background: #E9F5F6;
      background: #e9f5f6;
         width: 60rpx;
         border-radius: 8rpx 0rpx 0rpx 8rpx;
         border: 1rpx solid #DFDEDE;
      border: 1rpx solid #dfdede;
      }

      .name {
         width: 186rpx;
         border: 1rpx solid #DFDEDE;
      border: 1rpx solid #dfdede;
      }
   }
}