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

69 lines
1.4 KiB
Vue
Raw Normal View History

<template>
2022-11-21 11:15:40 +08:00
<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'
2022-11-03 14:33:53 +08:00
import { useStore } from 'vuex'
const router = useRouter()
2022-11-04 13:59:28 +08:00
const oldValue1= ref('')
const props = defineProps({
textColor: { type: String, default: '' },
})
const previousPage = () => {
2022-11-04 13:59:28 +08:00
if (window.history.state.back){
window.history.go(-1)
} else{
router.push({
path: '/integrationServices',
2022-11-03 17:43:41 +08:00
})
2022-11-04 13:59:28 +08:00
}
}
2022-11-04 13:59:28 +08:00
2022-11-21 11:15:40 +08:00
const detailName = ref("应用资源")
2022-11-04 13:59:28 +08:00
</script>
<style scoped lang="less">
.detail-back {
position: absolute;
2022-11-21 11:15:40 +08:00
top: 0.6rem;
left: 100px;
font-size: 0.18rem;
color: #fff;
cursor: pointer;
width: 50px;
height: 50px;
2022-11-21 11:15:40 +08:00
//background-image: url('~@/assets/detailsAll/back.png');
background-size: 100% 100%;
}
2022-11-21 11:15:40 +08:00
.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>