| | |
| | | <div> |
| | | <div class="subtitle"> |
| | | <div class="source">{{ info.source }}</div> |
| | | <div class="journalInformation">2005 3月 第40卷 第4期</div> |
| | | <div :title="info.contributor">贡献者:{{ info.contributor + "" }}</div> |
| | | <div class="journalInformation">{{ info.endDate }}</div> |
| | | </div> |
| | | <div class="contentBox" style="text-align: left"> |
| | | <div class="contentBox" style="text-align: left"> |
| | |
| | | </div> |
| | | <div class="audioBox" v-if="info.cmsItemType === 'audio'"> |
| | | <div style="text-align: center"> |
| | | <audio |
| | | style="width: 90%" |
| | | :src="info.fileLink" |
| | | controls |
| | | ></audio> |
| | | <audio style="width: 90%" :src="info.fileLink" controls></audio> |
| | | </div> |
| | | <div> |
| | | <div class="subtitle"> |
| | | <div class="source">{{ info.source }}</div> |
| | | <div class="journalInformation">2005 3月 第40卷 第4期</div> |
| | | <div :title="info.contributor" class="source">{{ info.source }}</div> |
| | | <div :title="info.contributor">贡献者:{{ info.contributor + "" }}</div> |
| | | <div :title="info.contributor" class="journalInformation">{{ info.endDate }}</div> |
| | | </div> |
| | | <div class="contentBox" style="text-align: left"> |
| | | <div class="audioContent" v-html="info.abstract"></div> |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .subtitle > div { |
| | | max-width: 32%; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | } |
| | | .subtitle { |
| | | margin-top: 20px; |
| | | } |