Commit 134c179e authored by hanfeng zhang's avatar hanfeng zhang

321

parent 2bbf1107
<template> <template>
<div class='text-font-white w-11/12 mx-auto py-3 flex justify-between items-center'> <div class='text-font-white w-11/12 mx-auto py-3 flex justify-between items-center'>
<div class='left'> <div class='left'>
<div @click="goBack">
<app-icon name='icon-fanhui' size='18px' color='#EEF1F6'></app-icon> <app-icon name='icon-fanhui' size='18px' color='#EEF1F6'></app-icon>
</div> </div>
</div>
<div class='center'>{{title}}</div> <div class='center'>{{title}}</div>
<div class='right'>333</div> <div class='right'>333</div>
</div> </div>
...@@ -23,6 +26,12 @@ export default Vue.extend({ ...@@ -23,6 +26,12 @@ export default Vue.extend({
}, },
mounted(){ mounted(){
this.title = this.$route.meta?.title this.title = this.$route.meta?.title
},
methods:{
goBack(){
this.$router.go(-1)
}
} }
}); });
</script> </script>
...@@ -10,8 +10,9 @@ ...@@ -10,8 +10,9 @@
{{i}} {{i}}
</div> </div>
</div> </div>
</div> </div>
<div @click="nextStep">click</div>
</div> </div>
</Layout-Child> </Layout-Child>
</template> </template>
...@@ -19,8 +20,6 @@ ...@@ -19,8 +20,6 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import 'vue-step-progress/dist/main.css';
export default Vue.extend({ export default Vue.extend({
data(){ data(){
return{ return{
...@@ -33,7 +32,13 @@ export default Vue.extend({ ...@@ -33,7 +32,13 @@ export default Vue.extend({
}, },
methods:{ methods:{
nextStep(){ nextStep(){
if(this.currentStep<this.mySteps.length){
this.currentStep++ this.currentStep++
this.$emit('stepOnChange',this.currentStep)
}else{
this.$emit('stepOnFinished',true)
}
console.log(this.currentStep);
} }
} }
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment