From 3eba8102f54dba44758865df0cccf4aae8aea2da Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期一, 21 四月 2025 18:28:25 +0800 Subject: [PATCH] 年谱接口 --- src/views/chronology/floatingWindow.vue | 49 +++++++++++++++++++++++++------------------------ 1 files changed, 25 insertions(+), 24 deletions(-) diff --git a/src/views/chronology/floatingWindow.vue b/src/views/chronology/floatingWindow.vue index 88fd7b5..1d79eec 100644 --- a/src/views/chronology/floatingWindow.vue +++ b/src/views/chronology/floatingWindow.vue @@ -2,30 +2,27 @@ <div class="dialogBox"> <div class="journalBox" - v-if="info.type === 'journal' || info.type === 'book'" + v-if="info.cmsItemType === 'journal' || info.cmsItemType === 'books'" > - <div class="title">澶嶆柟鍓傞噺閰嶆瘮澶氱洰鏍囦紭鍖栫殑ED-NM-MO涓夎仈娉�</div> + <div class="title">{{ info.name }}</div> <div class="subtitle"> - <div class="source">涓浗涓尰鍩虹鍖诲鏉傚織</div> - <div class="journalInformation">2005 3鏈� 绗�40鍗� 绗�4鏈�</div> + <div class="source">{{ info.source }}</div> + <div class="journalInformation">{{ info.IssueNumber }}</div> </div> <div class="contentBox"> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> + <span>{{ info.author }}</span> + <span style="margin-left: 20px"> {{ info.authorsUnits }}</span> + <span></span> </div> <div class="abstract"> 鎽樿锛� - 閽堝澶嶆柟澶氳嵂鐗�(澶氶儴浣嶅缁勫垎澶氭垚鍒�)銆佸闈剁偣澶氳嵂鏁堟寚鏍囥�侀潪绾挎�х殑鐗瑰緛,鎻愬嚭澶嶆柟鍓傞噺閰嶆瘮浼樺寲鐨凟D-NM-MO涓夎仈娉�,璇ユ柟娉曞叿鏈夎壇濂界殑闈炵嚎鎬ф嫙鍚堣兘鍔�,鍙互閫傚簲澶嶆柟鐨勯潪绾挎�х壒寰�,鍙堝彲浠ュ疄鐜板悓鏃堕拡瀵瑰涓嵂鏁堟寚鏍囩殑澶氱洰鏍囦紭鍖�,閫傚悎澶嶆柟鐨勫闈剁偣鐗瑰緛,鏄竴绉嶉�傚簲澶嶆柟鐗圭偣鐨勪紭鍖栨柟娉曘�� + <span v-html="info.abstract"></span> </div> <div class="keyword"> - 鍏抽敭璇嶏細 澶嶆柟鍓傞噺閰嶆瘮浼樺寲; 澶嶆柟鏁板鐗瑰緛; 澶氳嵂鏁堟寚鏍�; 闈炵嚎鎬�; - 璇曢獙璁捐-闈炵嚎鎬у缓妯�-澶氱洰鏍囦紭鍖栫殑涓夎仈娉� + 鍏抽敭璇嶏細 <span>{{ info.keyWords }}</span> </div> </div> - <div class="imageBox" v-if="info.type === 'image'"> + <div class="imageBox" v-if="info.cmsItemType === 'image'"> <div style="width: 350px; height: 200px; position: relative"> <img class="autoImg" @@ -45,32 +42,31 @@ <div class="ARROWS">鈫�</div> </div> </div> - <div class="BookBox" v-if="info.type === 'book'">book</div> - <div class="videoBox" v-if="info.type === 'video'"> + <div class="videoBox" v-if="info.cmsItemType === 'video'"> <video width="370" height="240" controls - src="https://www.w3schools.com/html/mov_bbb.mp4" + :src="info.requestCtx" ></video> <div> <div class="subtitle"> - <div class="source">涓浗涓尰鍩虹鍖诲鏉傚織</div> + <div class="source">{{ info.name }}</div> <div class="journalInformation">2005 3鏈� 绗�40鍗� 绗�4鏈�</div> </div> <div class="contentBox" style="text-align: left"> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> - <p>鐜嬬澘 涓浗绉戝闄㈠ぇ杩炲寲瀛︾墿鐞嗙爺绌舵墍</p> + </div> </div> </div> - <div class="audioBox" v-if="info.type === 'audio'"> + <div class="audioBox" v-if="info.cmsItemType === 'audio'"> <div style="text-align: center"> - <audio style="width: 100%" src="https://www.w3schools.com/html/horse.ogg" controls></audio> + <audio + style="width: 100%" + src="https://www.w3schools.com/html/horse.ogg" + controls + ></audio> </div> <div> <div class="subtitle"> @@ -179,4 +175,9 @@ font-weight: 700; color: #8f7a5a; } +.source{ + max-width: 300px; + overflow: hidden; + white-space: normal; +} </style> -- Gitblit v1.9.1