iot-wap/src/components/CusNavigation.vue

<template>

  <div style="padding: 0px 0px 0px 0px; display: flex; align-items: center;">
    <!-- <div style="padding: 16px 0px 0px 24px;">
      <a-breadcrumb>
        <a-breadcrumb-item style="font-family: PingFangSC, PingFang SC;">首页</a-breadcrumb-item>
        <a-breadcrumb-item><a href="">Application Center</a></a-breadcrumb-item>
        <a-breadcrumb-item><a href="">Application List</a></a-breadcrumb-item>
        <a-breadcrumb-item>An Application</a-breadcrumb-item>
      </a-breadcrumb>
    </div> -->
    <div style="line-height: 0px;" v-if="gobackabled" class="cus-goback" @click="onGoback">
      <van-icon name="static/images/icon-back.png" size="1.7rem" />
    </div>
    <div style="font-family: PingFangSC, PingFang SC;
      font-weight: bold;
      font-size: 1.1rem;
      color: #191A1A;
      line-height: 30px;
      text-align: justify;
      font-style: normal;">
      <span>{{ title }}</span>
    </div>
  </div>
  
</template>

<script setup lang="ts">
import { Router, useRouter } from 'vue-router'



// 属性
defineProps({
  title: {
    type: String,
    default: '未知'
  },
  gobackabled: {
    type: Boolean,
    default: false
  }
})

// 返回上一页
const router:Router = useRouter();
const onGoback = (event: any) => {
  console.log(event);
  router.go(-1)
}

</script>



<style scoped>
.cus-goback{
  margin-right: 3px;
}
.cus-goback:hover{
  cursor: pointer;
}

</style>