|
@@ -1,20 +1,25 @@
|
|
|
<template>
|
|
|
<div class="detailsHome" v-if="contentsItem">
|
|
|
+ <breadcrumb ref="breadcrumb"></breadcrumb>
|
|
|
<img class="thumbnail" v-if="isshow" :src="contentsItem.thumbnail">
|
|
|
<h1 class="title">{{ contentsItem.title }}</h1>
|
|
|
<span class="describe">{{ contentsItem.describe }}</span>
|
|
|
<span class="date">发表时间: {{ contentsItem.updateAt | dates }}<span class="visit">访问量: {{ contentsItem.visit }}</span></span>
|
|
|
<div class="content" v-html="contentsItem.content"></div>
|
|
|
+ <a v-if="contentsItem && contentsItem.annex" :href="contentsItem.annex" :download="contentsItem.annex" target="view_window">下载附件</a>
|
|
|
</div>
|
|
|
<el-divider class="divider" v-else>暂无数据</el-divider>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import moment from 'moment';
|
|
|
+import breadcrumb from '../components/breadcrumb/index.vue';
|
|
|
import { mapState, mapActions } from 'vuex';
|
|
|
export default {
|
|
|
name: 'detailsHome',
|
|
|
- components: {},
|
|
|
+ components: {
|
|
|
+ breadcrumb
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapState(['contentsItem']),
|
|
|
isshow() {
|