37 lines
971 B
Vue
37 lines
971 B
Vue
<template>
|
|
<section style="margin: 85px 0px 0px 0px;">
|
|
<div class="bannercontent">
|
|
<!-- <div class="bannercontentcover"></div> -->
|
|
<img src="/img/product_list/banner2.jpg" />
|
|
<div class="bannercontent_title">
|
|
<h2>{{ props.title }}</h2>
|
|
<div class="bannercontent_link">
|
|
<nav aria-label="breadcrumbs" class="rank-math-breadcrumb">
|
|
<p><span v-for="(item, i ) in props.Subtitle">{{ item }}
|
|
<span class="separator" v-if="i+1!==props.Subtitle.length"> - </span>
|
|
|
|
</span>
|
|
</p>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
<script setup>
|
|
/**
|
|
* title:大标题
|
|
* Subtitle 小标题
|
|
|
|
* 如果要改样式请去该组件下的index.scss或
|
|
*media.scss进行修改
|
|
*/
|
|
const props = defineProps({
|
|
title: '',
|
|
Subtitle: []
|
|
})
|
|
</script>
|
|
|
|
<style scoped src="./index.scss"></style>
|
|
<style scoped src="./media.scss"></style>
|