| | |
| | | <p> |
| | | <el-button icon="el-icon-arrow-left" @click="goBack()">返回</el-button> |
| | | </p> |
| | | <p>{{ detailsList.name }}</p> |
| | | <p>{{ details.name }}</p> |
| | | </li> |
| | | <li class="page-main-time"> |
| | | <p> |
| | | <span>{{ detailsList.source }}</span> |
| | | <span>{{ detailsList.year }}</span> |
| | | <span>{{ details.source }}</span> |
| | | <span>{{ details.year }}</span> |
| | | </p> |
| | | </li> |
| | | <li class="page-main-title"> |
| | | <p> |
| | | <span v-for="(item, index) in detailsList.characterList" :key="index">{{ item.name }}</span> |
| | | <span v-for="(item, index) in details.characterList" :key="index">{{ item.name }}</span> |
| | | </p> |
| | | <p> |
| | | <span>摘要:</span> |
| | | <span class="page-main-abstract" v-html="detailsList.abstract"></span> |
| | | <span class="page-main-abstract" v-html="details.abstract"></span> |
| | | </p> |
| | | <p> |
| | | <span>关键词:</span> |
| | | <span class="page-main-keyword" v-for="(item, index) in detailsList.keyWords" :key="index">{{ item |
| | | <span class="page-main-keyword" v-for="(item, index) in details.keyWords" :key="index">{{ item |
| | | }}</span> |
| | | </p> |
| | | <p v-if="!isDisplay"> |
| | | <el-button @click="isDisplay = !isDisplay">查看全文</el-button> |
| | | </p> |
| | | <p class="page-main-video" v-if="isDisplay"> |
| | | <video :src="detailsList.videoUrl" controls autoplay class="video" width="70%"></video> |
| | | <video :src="details.videoUrl" controls autoplay class="video" width="70%"></video> |
| | | </p> |
| | | <p class="page-main-audio" v-if="isDisplay"> |
| | | <audio :src="detailsList.videoUrl" controls autoplay class="video" width="100%"></audio> |
| | | <audio :src="details.videoUrl" controls autoplay class="video" width="100%"></audio> |
| | | </p> |
| | | </li> |
| | | <li class="page-main-literature"> |
| | |
| | | data() { |
| | | return { |
| | | isDisplay: false, |
| | | detailsList: { |
| | | details: { |
| | | name: "中药闸柜的历史传承与新时代发展思考", |
| | | sources: "北京中医药大学学报", |
| | | time: "2025-02-24", |
| | |
| | | }, |
| | | mounted() { |
| | | console.log(this.$route.params.key, "key001"); |
| | | this.detailsList = this.$route.params.key; |
| | | this.details = this.$route.params.key; |
| | | |
| | | }, |
| | | methods: { |
| | | goPage(key) { }, |