zhongshujie
昨天 5c4837cdef21239ab1f192aade5e08b2cb75fcc0
src/views/chronology/floatingWindow.vue
@@ -48,7 +48,8 @@
      <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">
@@ -59,16 +60,13 @@
    </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>
@@ -129,6 +127,12 @@
.subtitle {
  display: flex;
  justify-content: space-between;
}
.subtitle > div {
  max-width: 32%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subtitle {
  margin-top: 20px;
@@ -218,8 +222,8 @@
  margin-top: 20px;
}
video {
      border-radius: 10px;
      border: 1px solid #dcdcdc;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
</style>