69 lines
1.4 KiB
Vue
69 lines
1.4 KiB
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> |