You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.8 KiB
48 lines
1.8 KiB
<script setup>
|
|
import featureImg from '@/assets/img/feature.jpg';
|
|
|
|
const router = useRouter();
|
|
|
|
const props = defineProps({
|
|
item: {type: Object}
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<div class="pageBanner">
|
|
<div class="bg">
|
|
<div class="left"><img :src="featureImg" alt=""></div>
|
|
<div class="right"><img :src="props.item.bImg" alt=""></div>
|
|
</div>
|
|
<div class="container h-100">
|
|
<div class="row align-items-end h-100">
|
|
<div class="titleE">{{props.item.pageName.toUpperCase()}}</div>
|
|
<div class="col">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:;" @click="router.push('/')">HOME</a></li>
|
|
<template v-if="props.item.path!=''">
|
|
<li class="breadcrumb-item"><a href="javascript:;" @click="router.push(props.item.pageName)">{{props.item.pageName.toUpperCase()}}</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">{{props.item.path}}</li>
|
|
</template>
|
|
<template v-else>
|
|
<li class="breadcrumb-item active" aria-current="page">{{props.item.pageName.toUpperCase()}}</li>
|
|
</template>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
<div class="col-auto">
|
|
<div class="title">{{props.item.title}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|