sign-stream/src/components/operateTitle/index.vue

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const goBack=()=>{
  router.go(-1)
}
import { useRoute } from 'vue-router';
const route = useRoute();
</script>

<template>
<div class="container1">
<div class="content1" @click="goBack">
  <img src="@/assets/images/back@3x.png"/>
</div>
  <div class="content2">{{route.meta.title}}</div>
</div>

</template>

<style scoped lang="scss">
.container1{
  background: #000;
  width: 375px;
  height: 44px;
  position: relative;
  .content2{
    font-size: 14px;
    color: #fff;
      position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
.content1{
  left:16px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  img{
    width: 12px;
    height: 24px;
  }
}
}
</style>