wyyDatabase.git

			@@ -1,6 +1,9 @@
			<template>
			<div class="dialogBox">
			<div class="journalBox">
			<div
			class="journalBox"
			v-if="info.type === 'journal' \|\| info.type === 'book'"
			>
			<div class="title">复方剂量配比多目标优化的ED-NM-MO三联法</div>
			<div class="subtitle">
			<div class="source">中国中医基础医学杂志</div>
			@@ -22,10 +25,55 @@
			试验设计-非线性建模-多目标优化的三联法
			</div>
			</div>
			<div class="imageBox"></div>
			<div class="BookBox"></div>
			<div class="videoBox"></div>
			<div class="audioBox"></div>
			<div class="imageBox" v-if="info.type === 'image'">
			<div style="width: 500px; height: 300px">
			<img
			class="autoImg"
			src="@/assets/images/chronology/photoTest.png"
			alt=""
			/>
			</div>
			</div>
			<div class="BookBox" v-if="info.type === 'book'">book</div>
			<div class="videoBox" v-if="info.type === 'video'">
			<video
			width="370"
			height="240"
			controls
			src="https://www.w3schools.com/html/mov_bbb.mp4"
			></video>

			<div>
			<div class="subtitle">
			<div class="source">中国中医基础医学杂志</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'">
			<audio src="https://www.w3schools.com/html/horse.ogg" controls></audio>

			<div>
			<div class="subtitle">
			<div class="source">中国中医基础医学杂志</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>
			</template>

			@@ -78,4 +126,31 @@
			margin-top: 10px;
			line-height: 18px;
			}
			.imageBox {
			min-height: 300px;
			padding: 10px;
			}

			.videoBox {
			min-height: 240;
			text-align: center;
			}
			.videoTitle {
			background: #ffffff;
			box-sizing: border-box;
			border: 1px solid #dcdcdc;
			box-shadow: 0px 0px 10px 0px;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 5px;
			padding: 10px;
			width: 100%;
			height: 100%;
			}
			.autoImg {
			width: 100%;
			height: 100%;
			object-fit: cover;
			}
			</style>