submit

src/views/title-forward/index.vue

@@ -23,7 +23,7 @@ import operateTitle from '@/components/operateTitle/index.vue'
   flex-direction: column;
   .content1{
     flex-grow: 1;
-    background-size: contain;
+    background-size: cover;
     box-sizing: border-box;
     background-image: url("@/assets/images/hb2@2x.png");
 

src/views/upload-id-card/content/complete.vue

@@ -0,0 +1,37 @@
+<script setup>
+
+</script>
+
+<template>
+  <div class="content1">
+    <div class="wrap1">恭喜<span class="wrap1_1">某某某</span>先生/女士完成国展报名登记，报名日期为：2023年12月18日，09:33AM。请在会场入口处使用身份识别(人像)进入展会，详情请查看官网已了解更多资讯。</div>
+    <div class="wrap2">前往：https://cnisakncsncs.com.cn</div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.content1{
+  margin-bottom: 340px;
+  box-sizing: border-box;
+  width: 333px;
+  height: 198px;
+  background-color: #fff;
+  border-radius: 10px;
+  padding: 23px 34px 28px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  line-height: 20px;
+  .wrap2{
+    font-size: 16px;
+    color: #2159C4;
+  }
+  .wrap1{
+    color: #000;
+    font-size: 16px;
+    .wrap1_1{
+      color: #2159C4;
+    }
+  }
+}
+</style>

src/views/upload-id-card/content/one.vue

@@ -3,7 +3,7 @@
 </script>
 
 <template>
-<div>
+<div class="one-content">
   <div class="content2">
     <van-uploader>
       <div class="wrap1">
@@ -28,6 +28,9 @@
 </template>
 
 <style scoped lang="scss">
+.one-content{
+  margin-bottom: 54px;
+}
 .content3 {
   .wrap1 {
     width: 332px;

src/views/upload-id-card/content/three.vue

@@ -14,7 +14,7 @@ const confirmAddress = (data) => {
 </script>
 
 <template>
-  <div>
+  <div class="three-content">
     <van-popup
         v-model:show="showBottom"
         position="bottom"
@@ -41,8 +41,10 @@ const confirmAddress = (data) => {
     </div>
   </div>
 </template>
-
 <style scoped lang="scss">
+.three-content{
+  margin-bottom: 247px;
+}
 .detail-address {
   margin-top: 18px;
   padding: 16px 16px 12px 14px;

src/views/upload-id-card/content/two.vue

@@ -3,7 +3,7 @@
 </script>
 
 <template>
-  <div>
+  <div class="two-content">
     <van-uploader>
     <div class="content1">
         <div class="wrap1">
@@ -19,6 +19,9 @@
 </template>
 
 <style scoped lang="scss">
+.two-content{
+  margin-bottom: 115px;
+}
 .bottom-text{
   text-align: right;
   margin-top: 8px;

src/views/upload-id-card/index.vue

@@ -4,6 +4,7 @@ import one from './content/one.vue'
 import { useRoute, useRouter } from 'vue-router'
 import two from './content/two.vue'
 import three from './content/three.vue'
+import complete from './content/complete.vue'
 import {computed, ref} from "vue";
 const route = useRoute()
 const router = useRouter()
@@ -17,6 +18,8 @@ const contentComputed = computed(() => {
       return two
     case 2:
       return  three
+    case 3:
+      return  complete
   }
 })
 const stepsClick = (item) => {
@@ -46,6 +49,10 @@ const stepsClick = (item) => {
         active.value=1
         router.replace(`/title-forward/upload-id-card/${1}`)
         buttons.value = [{label: "上一步", type: "back"}, {label: "下一步", type: "next"}]
+      }else if (item.type === 'submit'){
+        active.value=3
+        router.replace(`/title-forward/upload-id-card/${3}`)
+        buttons.value = [{label: "完成", type: "finish"}]
       }
       break
   }