321

src/layout/NavHeader.vue

 <template>
     <div class='text-font-white w-11/12 mx-auto py-3 flex justify-between items-center'>
         <div class='left'>
-           <app-icon name='icon-fanhui' size='18px' color='#EEF1F6'></app-icon> 
+            <div  @click="goBack">
+                <app-icon name='icon-fanhui' size='18px' color='#EEF1F6'></app-icon> 
+            </div>
+      
         </div>
         <div class='center'>{{title}}</div>
         <div class='right'>333</div>
@@ -23,6 +26,12 @@ export default Vue.extend({
   },
   mounted(){
       this.title = this.$route.meta?.title
-  }
+  },
+    methods:{
+        goBack(){
+            this.$router.go(-1)
+
+        }
+    }
 });
 </script>

src/view/NFT/Create.vue

@@ -10,8 +10,9 @@
           {{i}}
          </div>
       </div>
- 
     </div>
+
+    <div @click="nextStep">click</div>
   </div>
 </Layout-Child>
 </template>
@@ -19,8 +20,6 @@
 <script lang="ts">
 import Vue from 'vue';
 
-import 'vue-step-progress/dist/main.css';
-
 export default Vue.extend({
   data(){
     return{
@@ -33,7 +32,13 @@ export default Vue.extend({
   },
   methods:{
     nextStep(){
-      this.currentStep++
+      if(this.currentStep<this.mySteps.length){
+        this.currentStep++
+        this.$emit('stepOnChange',this.currentStep)
+      }else{
+        this.$emit('stepOnFinished',true)
+      } 
+      console.log(this.currentStep);    
     }
   }
 });