图像识别

src/components/imageAIVerifyErr.vue

@@ -4,21 +4,17 @@
       <div class="title">图像识别结果</div>
       <div class="content">
         <div class="AIVerify">{{ contentMessage }}</div>
-        <van-cell @uploadImg="uploadImg">
-          <template #title> <span class="van-f-red">*</span>重新拍照上传</template>
-          <template #right-icon>
-            <van-icon
-              class="photo photos"
-              name="photograph"
-              size="22px"
-              color="#969696"
-              @uploadImg="uploadImg" />
-          </template>
-        </van-cell>
+        <div class="uploadImg" @uploadImg="uploadImg">
+          <div class="label"><span class="van-f-red">*</span>重新拍照上传</div>
+          <div class="icon">
+            <van-icon class="photo photos" name="photograph" size="22px" color="#969696" />
+          </div>
+        </div>
       </div>
-      <div class="btn" v-if="shotsNum >= 3">
+      <div class="btn">
+        <!--  v-if="shotsNum >= 3" -->
         <div class="tips"><van-icon name="question-o" />上传后会有何影响</div>
-        <van-button type="danger" @confirmUpload="confirmUpload">仍要上传</van-button>
+        <van-button type="danger" @confirmUpload="confirmUpload">{{ shotsNum }}仍要上传</van-button>
       </div>
     </van-popup>
   </div>
@@ -142,12 +138,19 @@ export default {
     padding: 5px;
   }
   .content {
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
     .AIVerify {
       padding: 5px;
       font-size: 12px;
       color: red;
       text-align: center;
     }
+    .uploadImg {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
   }
 }
 </style>