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

<script setup>
import { useRouter } from 'vue-router';
import storage from '@/util/storage.js';
import {computed} from "vue";
const router = useRouter();
const goBack=()=>{
  router.go(-1)
}
const topTitle = computed(()=>{
  return storage.getItem('top-title')
})
</script>

<template>
  <div>

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

<style scoped lang="scss">
.container{
  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>