83 lines
1.9 KiB
Vue
83 lines
1.9 KiB
Vue
<!--
|
|
* @Author: Light
|
|
* @Date: 2022-11-24 09:07:50
|
|
* @LastEditors: Light
|
|
* @LastEditTime: 2022-12-03 14:56:14
|
|
* @Description: 告诉大家这是什么
|
|
-->
|
|
<template>
|
|
<div class="detail-back" @click="previousPage">
|
|
<!-- <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'
|
|
import mybus from '@/myplugins/mybus'
|
|
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('应用资源1')
|
|
|
|
const goToDetailsPageconetent = () => {
|
|
let pathData = {
|
|
path: '/DetailsPageconetent',
|
|
}
|
|
mybus.emit('changeMenuStyle', pathData)
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.detail-back {
|
|
position: absolute;
|
|
top: 1rem;
|
|
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>
|