| | |
| | | <p> |
| | | <span v-for="(item, index) in details.author" :key="index">{{ item }}</span> |
| | | </p> |
| | | <p v-if="details.abstract"> |
| | | <span>摘要:</span> |
| | | <span class="page-main-abstract" v-html="details.abstract"></span> |
| | | <p v-if="details.cleanAbstract"> |
| | | <span class="abstract-title">摘要:</span> |
| | | <span class="page-main-abstract-main" v-html="details.cleanAbstract"></span> |
| | | </p> |
| | | <p v-if="details.keyWords && details.keyWords.length > 0"> |
| | | <span>关键词:</span> |
| | | <span class="page-main-keyword" v-for="(item, index) in details.keyWords" :key="index">{{ item |
| | | }}</span> |
| | | }}</span> |
| | | </p> |
| | | <p v-if="details.cmsItemType != 'video' && details.cmsItemType != 'audio'"> |
| | | <el-button @click="openPdf(details.name)">查看全文</el-button> |
| | |
| | | <li class="main-author"> |
| | | {{ item.author }} |
| | | </li> |
| | | <li class="main-title" :title="item.abstract" v-if="item.abstract"> |
| | | <li class="main-title" :title="item.abstract" v-if="item.cleanAbstract"> |
| | | <span>摘要: </span> |
| | | <span class="page-main-abstract" v-html="item.abstract"></span> |
| | | <span class="page-main-abstract" v-html="item.cleanAbstract"></span> |
| | | </li> |
| | | <li class="main-keyword" v-if="item.keyWords && item.keyWords.length > 0"> |
| | | <span>关键词:</span> |
| | |
| | | resourceTypeValueList: [], |
| | | // 查询结果 |
| | | resultList: [], |
| | | loading: false, |
| | | loading: true, |
| | | pdfLoading: false, |
| | | }; |
| | | }, |
| | |
| | | cmsType: ["cmsItem"], |
| | | "Id=": [id + ""], |
| | | source: [], |
| | | isbn: [], |
| | | year: [], |
| | | abstract: [], |
| | | keyWords: [], |
| | |
| | | if (item.author && item.author.length > 0) { |
| | | item.author = item.author.split(";"); |
| | | } |
| | | if (item.abstract) { |
| | | item.cleanAbstract = item.abstract.replace(/<[^>]+>/g, ""); |
| | | } |
| | | |
| | | const foundItem = this.category.list.find((citem) => citem.value == item.cmsItemType); |
| | | item.resourceTypeName = foundItem ? foundItem.name : ''; |
| | | }) |
| | |
| | | // 'id=':[this.$route.params.key], |
| | | "resourceType*": this.resourceTypeValueList, |
| | | source: [], |
| | | isbn: [], |
| | | year: [], |
| | | abstract: [], |
| | | keyWords: [], |
| | |
| | | } else { |
| | | // 设置一个默认值或者进行其他错误处理 |
| | | item.keyWords = []; |
| | | } |
| | | if (item.abstract) { |
| | | item.cleanAbstract = item.abstract.replace(/<[^>]+>/g, ""); |
| | | } |
| | | const foundItem = this.category.list.find((citem) => citem.value == item.cmsItemType); |
| | | item.resourceTypeName = foundItem ? foundItem.name : ''; |
| | |
| | | cmsType: ["cmsItem"], |
| | | "resourceType*": this.resourceTypeValueList, |
| | | source: [], |
| | | isbn: [], |
| | | year: [], |
| | | abstract: [], |
| | | keyWords: [], |
| | |
| | | } else { |
| | | // 设置一个默认值或者进行其他错误处理 |
| | | item.keyWords = []; |
| | | } |
| | | if (item.abstract) { |
| | | item.cleanAbstract = item.abstract.replace(/<[^>]+>/g, ""); |
| | | } |
| | | const foundItem = this.category.list.find((citem) => citem.value == item.cmsItemType); |
| | | item.resourceTypeName = foundItem ? foundItem.name : ''; |
| | |
| | | font-size: 14px; |
| | | background-color: transparent; |
| | | color: #937950; |
| | | border: 1px solid #6f5a3a; |
| | | border: 1px solid #937950; |
| | | border-radius: 0; |
| | | |
| | | &:hover { |
| | | background-color: #6f5a3a; |
| | | background-color: #937950; |
| | | color: #fffdf8; |
| | | } |
| | | } |
| | |
| | | font-size: 14px; |
| | | background-color: #937950; |
| | | color: #fff; |
| | | border: 1px solid #6f5a3a; |
| | | border: 1px solid #937950; |
| | | border-radius: 0; |
| | | |
| | | &:hover { |
| | | background-color: #6f5a3a; |
| | | background-color: #937950; |
| | | color: #fffdf8; |
| | | } |
| | | } |
| | |
| | | .page-main-abstract { |
| | | font-family: Source Han Sans !important; |
| | | font-size: 14px !important; |
| | | font-weight: 350 !important; |
| | | line-height: 26px !important; |
| | | color: #333333 !important; |
| | | font-weight: 100 !important; |
| | | } |
| | | |
| | | p:nth-child(1) { |
| | |
| | | margin-bottom: 13px; |
| | | font-family: Source Han Sans; |
| | | font-size: 14px; |
| | | font-weight: 350; |
| | | line-height: 26px; |
| | | color: #333333; |
| | | overflow: hidden; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 3; |
| | | |
| | | .abstract-title { |
| | | font-weight: bold; |
| | | } |
| | | |
| | | span { |
| | | font-family: Source Han Sans; |
| | | font-size: 14px; |
| | | font-weight: bold; |
| | | color: #333333; |
| | | } |
| | | |
| | | } |
| | | |
| | | p:nth-child(3) { |
| | |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | color: #937950; |
| | | margin-bottom: 5px; |
| | | |
| | | ::v-deep .el-button { |
| | | font-size: 14px; |
| | | background-color: transparent; |
| | | color: #937950; |
| | | border: 1px solid #6f5a3a; |
| | | border: 1px solid #937950; |
| | | border-radius: 0; |
| | | |
| | | &:hover { |
| | | background-color: #6f5a3a; |
| | | background-color: #937950; |
| | | color: #fffdf8; |
| | | } |
| | | } |
| | |
| | | border-left: 1px solid #2c2c2c; |
| | | } |
| | | |
| | | |
| | | |
| | | margin-bottom: 10px; |
| | | margin-bottom: 15px; |
| | | } |
| | | |
| | | .main-author { |
| | |
| | | overflow: hidden; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 4; |
| | | -webkit-line-clamp: 3; |
| | | |
| | | span { |
| | | font-family: Source Han Sans; |
| | |
| | | object-fit: contain; |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-loading-spinner { |
| | | .el-loading-text { |
| | | font-size: 14px; |
| | |
| | | color: #937950; |
| | | } |
| | | } |
| | | |
| | | |
| | | </style> |
| | | |
| | | <style lang="less"> |
| | |
| | | .el-dialog__title, |
| | | .el-dialog__headerbtn .el-dialog__close { |
| | | color: #fff; |
| | | font-weight: 900;font-size: 16px; |
| | | font-weight: 900; |
| | | font-size: 16px; |
| | | } |
| | | } |
| | | } |