|
@@ -1,26 +1,31 @@
|
|
|
<template>
|
|
|
- <div class="detailsHome" v-if="pagesItem">
|
|
|
- <div class="listBoxLeft">
|
|
|
- <letnav ref="letnav" :menuTree="menu"></letnav>
|
|
|
- </div>
|
|
|
- <div class="listBoxRight">
|
|
|
- <h1 class="title">{{ pagesItem.title }}</h1>
|
|
|
- <span class="describe">{{ pagesItem.describe }}</span>
|
|
|
- <span class="date">发表时间: {{ pagesItem.updateAt | dates }}<span class="visit">访问量: {{ pagesItem.visit }}</span></span>
|
|
|
- <div class="content" v-html="pagesItem.content"></div>
|
|
|
+ <div class="details">
|
|
|
+ <breadcrumb ref="breadcrumb"></breadcrumb>
|
|
|
+ <div class="detailsHome" v-if="pagesItem">
|
|
|
+ <div class="listBoxLeft">
|
|
|
+ <letnav ref="letnav" :menuTree="menu"></letnav>
|
|
|
+ </div>
|
|
|
+ <div class="listBoxRight">
|
|
|
+ <h1 class="title">{{ pagesItem.title }}</h1>
|
|
|
+ <span class="describe">{{ pagesItem.describe }}</span>
|
|
|
+ <span class="date">发表时间: {{ pagesItem.updateAt | dates }}<span class="visit">访问量: {{ pagesItem.visit }}</span></span>
|
|
|
+ <div class="content" v-html="pagesItem.content"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <el-divider class="divider" v-else>暂无数据</el-divider>
|
|
|
</div>
|
|
|
- <el-divider class="divider" v-else>暂无数据</el-divider>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import moment from 'moment';
|
|
|
import letnav from '../components/leftmenu/index.vue';
|
|
|
+import breadcrumb from '../components/breadcrumb/index.vue';
|
|
|
import { mapState, mapActions } from 'vuex';
|
|
|
export default {
|
|
|
name: 'pagesHome',
|
|
|
components: {
|
|
|
- letnav
|
|
|
+ letnav,
|
|
|
+ breadcrumb
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['pagesItem', 'menusall'])
|
|
@@ -53,9 +58,12 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.detailsHome {
|
|
|
- width: 70%;
|
|
|
+.details {
|
|
|
+ width: 60%;
|
|
|
margin: 0 auto;
|
|
|
+}
|
|
|
+.detailsHome {
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
margin-bottom: 5%;
|
|
|
.listBoxLeft {
|