hi-ucs/front/src/views/home/detailBack.vue

<template>
  <div>
   <div class="nav-box">
        <a-breadcrumb>
          <a-breadcrumb-item @click="goToDetailsPageconetent" class="bread-crumb-span">能力集市</a-breadcrumb-item>
          <a-breadcrumb-item>{{detailName}}</a-breadcrumb-item>
        </a-breadcrumb>
      </div>
  </div>
</template>

<script setup>
import { reactive, ref, watch, defineProps } from 'vue'
import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter()
const oldValue1= ref('')
const props = defineProps({
  textColor: { type: String, default: '' },
})

const previousPage = () => {
  if (window.history.state.back){
    window.history.go(-1)
  } else{
   router.push({
   path: '/integrationServices',
  })
  }

}

const detailName = ref("应用资源")

</script>

<style scoped lang="less">
.detail-back {
  position: absolute;
  top: 0.6rem;
  left: 100px;
  font-size:  0.18rem;
  color: #fff;
  cursor: pointer;
  width: 50px;
  height: 50px;
  //background-image: url('~@/assets/detailsAll/back.png');
  background-size: 100% 100%;
}
  .nav-box {
    position: absolute;
    top: 0.6rem;
  //left: 100px;
  font-size:  0.18rem;
  color: #fff;
      height: 30px;
      line-height:30px;
      width: 100%;
      font-size: 14px;
      display: flex;
      align-items: center;
      background: rgba(244, 245, 248, 0.8);
      padding-left: 145px;
      padding-top: 5px;
      .bread-crumb-span{
         cursor: pointer;
      }
    }
</style>