submit
parent
1a731a61e1
commit
a321ece681
@ -1,65 +1,72 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { useRouter } from 'vue-router';
|
import {useRouter} from 'vue-router';
|
||||||
import { useRoute } from 'vue-router';
|
import {useRoute} from 'vue-router';
|
||||||
import {watch} from "vue";
|
import {watch} from "vue";
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const goBack=()=>{
|
const goBack = () => {
|
||||||
router.go(-1)
|
router.go(-1)
|
||||||
}
|
}
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
watch(route,()=>{
|
watch(route, () => {
|
||||||
if (route.path.includes('title-forward/upload-id-card')){
|
if (route.path.includes('title-forward/upload-id-card')) {
|
||||||
switch (route.params.active){
|
switch (route.params.active) {
|
||||||
case '0':
|
case '0':
|
||||||
route.meta.title='上传身份证照片'
|
route.meta.title = '上传身份证照片'
|
||||||
break;
|
break;
|
||||||
case '1':
|
case '1':
|
||||||
route.meta.title='添加近照'
|
route.meta.title = '添加近照'
|
||||||
break;
|
break;
|
||||||
case '2':
|
case '2':
|
||||||
route.meta.title='填写通讯录信息'
|
route.meta.title = '填写通讯录信息'
|
||||||
break;
|
break;
|
||||||
case '4':
|
case '3':
|
||||||
break;
|
route.meta.title = '完成登记'
|
||||||
|
break;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
immediate: true
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="container1">
|
<div class="container1">
|
||||||
<div class="content1" @click="goBack">
|
<div class="content1" @click="goBack">
|
||||||
<img src="@/assets/images/back@3x.png"/>
|
<img src="@/assets/images/back@3x.png"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="content2">{{route.meta.title}}</div>
|
<div class="content2">{{ route.meta.title }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.container1{
|
.container1 {
|
||||||
background: #000;
|
background: #000;
|
||||||
width: 375px;
|
width: 375px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
position: relative;
|
position: relative;
|
||||||
.content2{
|
|
||||||
|
.content2 {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(-50%,-50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
.content1{
|
|
||||||
left:16px;
|
.content1 {
|
||||||
top: 50%;
|
left: 16px;
|
||||||
transform: translateY(-50%);
|
top: 50%;
|
||||||
position: absolute;
|
transform: translateY(-50%);
|
||||||
img{
|
position: absolute;
|
||||||
width: 12px;
|
|
||||||
height: 24px;
|
img {
|
||||||
|
width: 12px;
|
||||||
|
height: 24px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue