|
|
@@ -55,357 +55,391 @@
|
|
|
<div :class="['empty-left', isHasRemark ? 'hasRemark' : '']"></div>
|
|
|
<div class="empty-right"></div>
|
|
|
</div>
|
|
|
- <p v-if="curQue.notice" :class="['notice', isHasRemark ? 'hasRemark' : '']">
|
|
|
- {{ curQue.notice }}
|
|
|
- </p>
|
|
|
+
|
|
|
<div
|
|
|
v-for="(item, index) in resArr"
|
|
|
:key="'detail' + index"
|
|
|
:class="['NNPE-detail', item.isTitle ? 'NNPE-detail-title' : '']"
|
|
|
>
|
|
|
<div :class="['article-content', isHasRemark ? 'hasRemark' : '']">
|
|
|
- <RoleChs :cur-role="item.roleDetail" :type="curQue.property.role_img_type" />
|
|
|
- <div class="wordsList-box">
|
|
|
- <img v-if="articleImg[0] && index == 0" :src="articleImg[index]" />
|
|
|
- <!-- <div class="roleDetail" v-if="item.roleDetail.detail && item.roleDetail.detail.wordsList.length > 0">
|
|
|
+ <template v-if="item.type === 'notice'">
|
|
|
+ <p :class="['notice']">
|
|
|
+ {{ item.notice }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <RoleChs :cur-role="item.roleDetail" :type="curQue.property.role_img_type" />
|
|
|
+ <div class="wordsList-box">
|
|
|
+ <img v-if="articleImg[0] && index == 0" :src="articleImg[index]" />
|
|
|
+ <!-- <div class="roleDetail" v-if="item.roleDetail.detail && item.roleDetail.detail.wordsList.length > 0">
|
|
|
<span class="pinyin">{{ item.roleDetail.detail.wordsList | handlePinyin }}</span>
|
|
|
<span class="chs">{{ item.roleDetail.detail.wordsList | handleChs }}</span>
|
|
|
</div> -->
|
|
|
- <div v-if="item.roleDetail.fullName || item.roleDetail.fullPinyin" class="roleDetail">
|
|
|
- <span class="chs">{{ item.roleDetail.fullName }}</span>
|
|
|
- <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
|
|
|
- </div>
|
|
|
- <div class="para-con" :style="{ background: item.roleDetail.color.bg }">
|
|
|
- <div
|
|
|
- v-if="config.isShowEN && item.enwords && curQue.enPosition && curQue.enPosition == 'top'"
|
|
|
- class="enwords"
|
|
|
- >
|
|
|
- {{ item.enwords }}
|
|
|
+ <div v-if="item.roleDetail.fullName || item.roleDetail.fullPinyin" class="roleDetail">
|
|
|
+ <span class="chs">{{ item.roleDetail.fullName }}</span>
|
|
|
+ <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
|
|
|
</div>
|
|
|
- <div style="overflow: hidden; clear: both"></div>
|
|
|
- <div
|
|
|
- v-for="(pItem, pIndex) in item.wordsList"
|
|
|
- :key="'wordsList' + pIndex"
|
|
|
- class="NNPE-words"
|
|
|
- :class="[
|
|
|
- pItem.chs != '“' && pItem.wordIndex == 0 ? 'textLeft' : 'textCenter',
|
|
|
- pItem.chs == '“' ? 'textRight' : '',
|
|
|
- ]"
|
|
|
- @click="showWordDetail($event, pItem.chs, pItem.words)"
|
|
|
- >
|
|
|
- <template v-if="!pItem.width">
|
|
|
- <template v-if="pItem.isShow">
|
|
|
- <template
|
|
|
- v-if="
|
|
|
- item.wordsList[pIndex + 1] &&
|
|
|
- item.wordsList[pIndex + 1].chs &&
|
|
|
- (chsFhList.indexOf(item.wordsList[pIndex + 1].chs) > -1 ||
|
|
|
- NumberList.indexOf(item.wordsList[pIndex + 1].chs) > -1)
|
|
|
- "
|
|
|
- >
|
|
|
- <span class="NNPE-words-box">
|
|
|
- <span
|
|
|
- v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
- class="NNPE-pinyin"
|
|
|
- :class="[
|
|
|
- pItem.className ? pItem.className : '',
|
|
|
- noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
|
|
|
- ]"
|
|
|
- :style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size
|
|
|
- ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
- : '22px',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
- >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- class="NNPE-chs"
|
|
|
- :class="[
|
|
|
- newWordList.indexOf(pItem.chs) > -1 ? 'newActive' : '',
|
|
|
- pItem.words ? 'newActive' : '',
|
|
|
- ]"
|
|
|
- :style="{
|
|
|
- fontFamily: pItem.config.fontFamily,
|
|
|
- height:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
- lineHeight:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- color:
|
|
|
- newWordList.indexOf(pItem.chs) > -1 || pItem.words
|
|
|
- ? attrib
|
|
|
- ? attrib.topic_color
|
|
|
- : ''
|
|
|
- : '',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs)"
|
|
|
- >{{ pItem.chs }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
- class="NNPE-pinyin"
|
|
|
- :class="[
|
|
|
- pItem.className ? pItem.className : '',
|
|
|
- noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
|
|
|
- ]"
|
|
|
- :style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size
|
|
|
- ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
- : '22px',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
- >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
- >
|
|
|
- </span>
|
|
|
- <span class="NNPE-words-box">
|
|
|
- <span
|
|
|
- v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
- class="NNPE-pinyin"
|
|
|
- style="text-align: left"
|
|
|
- :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
|
|
|
- :style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size
|
|
|
- ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
- : '22px',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
|
|
|
- >{{
|
|
|
- NumberList.indexOf(item.wordsList[pIndex + 1].pinyin) === -1
|
|
|
- ? item.wordsList[pIndex + 1].pinyin
|
|
|
- : ''
|
|
|
- }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- class="NNPE-chs"
|
|
|
- style="text-align: left"
|
|
|
- :style="{
|
|
|
- fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
|
|
|
- height:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
- lineHeight:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- }"
|
|
|
- @click.stop="
|
|
|
- viewNotes(
|
|
|
- $event,
|
|
|
- item.wordsList[pIndex + 1].words
|
|
|
- ? item.wordsList[pIndex + 1].words
|
|
|
- : item.wordsList[pIndex + 1].chs,
|
|
|
- )
|
|
|
- "
|
|
|
- >{{ item.wordsList[pIndex + 1].chs }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
- class="NNPE-pinyin"
|
|
|
- :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
|
|
|
- style="text-align: left"
|
|
|
- :style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size
|
|
|
- ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
- : '22px',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
|
|
|
- >{{
|
|
|
- NumberList.indexOf(item.wordsList[pIndex + 1].pinyin) === -1
|
|
|
- ? item.wordsList[pIndex + 1].pinyin
|
|
|
- : ''
|
|
|
- }}</span
|
|
|
- >
|
|
|
- </span>
|
|
|
- <span
|
|
|
- v-if="
|
|
|
- item.wordsList[pIndex + 2] &&
|
|
|
- item.wordsList[pIndex + 2].chs &&
|
|
|
- (chsFhList.indexOf(item.wordsList[pIndex + 2].chs) > -1 ||
|
|
|
- NumberList.indexOf(item.wordsList[pIndex + 2].chs) > -1)
|
|
|
- "
|
|
|
- class="NNPE-words-box"
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
- :class="[
|
|
|
- 'NNPE-pinyin',
|
|
|
- noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
|
|
|
- ]"
|
|
|
- style="text-align: left"
|
|
|
- :style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size
|
|
|
- ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
- : '22px',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
|
|
|
- >{{
|
|
|
- NumberList.indexOf(item.wordsList[pIndex + 2].pinyin) === -1
|
|
|
- ? item.wordsList[pIndex + 2].pinyin
|
|
|
- : ''
|
|
|
- }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- class="NNPE-chs"
|
|
|
- style="text-align: left"
|
|
|
- :class="[
|
|
|
- pItem.chstimeList &&
|
|
|
- pItem.chstimeList[pItem.leg - 1] &&
|
|
|
- curTime >= pItem.chstimeList[pItem.leg - 1].wordBg &&
|
|
|
- curQue.wordTime &&
|
|
|
- curTime <= item.timeList[pItem.sentIndex].ed
|
|
|
- ? 'wordActive'
|
|
|
- : '',
|
|
|
- ]"
|
|
|
- :style="{
|
|
|
- fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
|
|
|
- height:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
- lineHeight:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- }"
|
|
|
- @click.stop="
|
|
|
- viewNotes(
|
|
|
- $event,
|
|
|
- item.wordsList[pIndex + 2].words
|
|
|
- ? item.wordsList[pIndex + 2].words
|
|
|
- : item.wordsList[pIndex + 2].chs,
|
|
|
- )
|
|
|
+ <div class="para-con" :style="{ background: item.roleDetail.color.bg }">
|
|
|
+ <div
|
|
|
+ v-if="config.isShowEN && item.enwords && curQue.enPosition && curQue.enPosition == 'top'"
|
|
|
+ class="enwords"
|
|
|
+ >
|
|
|
+ {{ item.enwords }}
|
|
|
+ </div>
|
|
|
+ <div style="overflow: hidden; clear: both"></div>
|
|
|
+ <template v-if="item.type === 'text'">
|
|
|
+ <div
|
|
|
+ v-for="(pItem, pIndex) in item.wordsList"
|
|
|
+ :key="'wordsList' + pIndex"
|
|
|
+ class="NNPE-words"
|
|
|
+ :class="[
|
|
|
+ pItem.chs != '“' && pItem.wordIndex == 0 ? 'textLeft' : 'textCenter',
|
|
|
+ pItem.chs == '“' ? 'textRight' : '',
|
|
|
+ ]"
|
|
|
+ @click="showWordDetail($event, pItem.chs, pItem.words)"
|
|
|
+ >
|
|
|
+ <template v-if="!pItem.width">
|
|
|
+ <template v-if="pItem.isShow">
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ item.wordsList[pIndex + 1] &&
|
|
|
+ item.wordsList[pIndex + 1].chs &&
|
|
|
+ (chsFhList.indexOf(item.wordsList[pIndex + 1].chs) > -1 ||
|
|
|
+ NumberList.indexOf(item.wordsList[pIndex + 1].chs) > -1)
|
|
|
"
|
|
|
- >{{ item.wordsList[pIndex + 2].chs }}</span
|
|
|
>
|
|
|
- <span
|
|
|
- v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
- :class="[
|
|
|
- 'NNPE-pinyin',
|
|
|
- noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
|
|
|
- ]"
|
|
|
- style="text-align: left"
|
|
|
- :style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size
|
|
|
- ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
- : '22px',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
|
|
|
- >{{
|
|
|
- NumberList.indexOf(item.wordsList[pIndex + 2].pinyin) === -1
|
|
|
- ? item.wordsList[pIndex + 2].pinyin
|
|
|
- : ''
|
|
|
- }}</span
|
|
|
- >
|
|
|
- </span>
|
|
|
+ <span class="NNPE-words-box">
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
+ class="NNPE-pinyin"
|
|
|
+ :class="[
|
|
|
+ pItem.className ? pItem.className : '',
|
|
|
+ noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
|
|
|
+ ]"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
+ >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="NNPE-chs"
|
|
|
+ :class="[
|
|
|
+ newWordList.indexOf(pItem.chs) > -1 ? 'newActive' : '',
|
|
|
+ pItem.words ? 'newActive' : '',
|
|
|
+ ]"
|
|
|
+ :style="{
|
|
|
+ fontFamily: pItem.config.fontFamily,
|
|
|
+ height:
|
|
|
+ attrib && attrib.font_size
|
|
|
+ ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
|
|
|
+ : '28px',
|
|
|
+ fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
+ lineHeight:
|
|
|
+ attrib && attrib.font_size
|
|
|
+ ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
|
|
|
+ : '28px',
|
|
|
+ color:
|
|
|
+ newWordList.indexOf(pItem.chs) > -1 || pItem.words
|
|
|
+ ? attrib
|
|
|
+ ? attrib.topic_color
|
|
|
+ : ''
|
|
|
+ : '',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs)"
|
|
|
+ >{{ pItem.chs }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
+ class="NNPE-pinyin"
|
|
|
+ :class="[
|
|
|
+ pItem.className ? pItem.className : '',
|
|
|
+ noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
|
|
|
+ ]"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
+ >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ <span class="NNPE-words-box">
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
+ class="NNPE-pinyin"
|
|
|
+ style="text-align: left"
|
|
|
+ :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
|
|
|
+ >{{
|
|
|
+ NumberList.indexOf(item.wordsList[pIndex + 1].pinyin) === -1
|
|
|
+ ? item.wordsList[pIndex + 1].pinyin
|
|
|
+ : ''
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="NNPE-chs"
|
|
|
+ style="text-align: left"
|
|
|
+ :style="{
|
|
|
+ fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
|
|
|
+ height:
|
|
|
+ attrib && attrib.font_size
|
|
|
+ ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
|
|
|
+ : '28px',
|
|
|
+ fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
+ lineHeight:
|
|
|
+ attrib && attrib.font_size
|
|
|
+ ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
|
|
|
+ : '28px',
|
|
|
+ }"
|
|
|
+ @click.stop="
|
|
|
+ viewNotes(
|
|
|
+ $event,
|
|
|
+ item.wordsList[pIndex + 1].words
|
|
|
+ ? item.wordsList[pIndex + 1].words
|
|
|
+ : item.wordsList[pIndex + 1].chs,
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >{{ item.wordsList[pIndex + 1].chs }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
+ class="NNPE-pinyin"
|
|
|
+ :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
|
|
|
+ style="text-align: left"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
|
|
|
+ >{{
|
|
|
+ NumberList.indexOf(item.wordsList[pIndex + 1].pinyin) === -1
|
|
|
+ ? item.wordsList[pIndex + 1].pinyin
|
|
|
+ : ''
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ item.wordsList[pIndex + 2] &&
|
|
|
+ item.wordsList[pIndex + 2].chs &&
|
|
|
+ (chsFhList.indexOf(item.wordsList[pIndex + 2].chs) > -1 ||
|
|
|
+ NumberList.indexOf(item.wordsList[pIndex + 2].chs) > -1)
|
|
|
+ "
|
|
|
+ class="NNPE-words-box"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
+ :class="[
|
|
|
+ 'NNPE-pinyin',
|
|
|
+ noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
|
|
|
+ ]"
|
|
|
+ style="text-align: left"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
|
|
|
+ >{{
|
|
|
+ NumberList.indexOf(item.wordsList[pIndex + 2].pinyin) === -1
|
|
|
+ ? item.wordsList[pIndex + 2].pinyin
|
|
|
+ : ''
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="NNPE-chs"
|
|
|
+ style="text-align: left"
|
|
|
+ :class="[
|
|
|
+ pItem.chstimeList &&
|
|
|
+ pItem.chstimeList[pItem.leg - 1] &&
|
|
|
+ curTime >= pItem.chstimeList[pItem.leg - 1].wordBg &&
|
|
|
+ curQue.wordTime &&
|
|
|
+ curTime <= item.timeList[pItem.sentIndex].ed
|
|
|
+ ? 'wordActive'
|
|
|
+ : '',
|
|
|
+ ]"
|
|
|
+ :style="{
|
|
|
+ fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
|
|
|
+ height:
|
|
|
+ attrib && attrib.font_size
|
|
|
+ ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
|
|
|
+ : '28px',
|
|
|
+ fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
+ lineHeight:
|
|
|
+ attrib && attrib.font_size
|
|
|
+ ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
|
|
|
+ : '28px',
|
|
|
+ }"
|
|
|
+ @click.stop="
|
|
|
+ viewNotes(
|
|
|
+ $event,
|
|
|
+ item.wordsList[pIndex + 2].words
|
|
|
+ ? item.wordsList[pIndex + 2].words
|
|
|
+ : item.wordsList[pIndex + 2].chs,
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >{{ item.wordsList[pIndex + 2].chs }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
+ :class="[
|
|
|
+ 'NNPE-pinyin',
|
|
|
+ noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
|
|
|
+ ]"
|
|
|
+ style="text-align: left"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
|
|
|
+ >{{
|
|
|
+ NumberList.indexOf(item.wordsList[pIndex + 2].pinyin) === -1
|
|
|
+ ? item.wordsList[pIndex + 2].pinyin
|
|
|
+ : ''
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
+ class="NNPE-pinyin"
|
|
|
+ :class="[
|
|
|
+ pItem.chs != '“' && pItem.padding ? 'padding' : '',
|
|
|
+ pItem.className ? pItem.className : '',
|
|
|
+ noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
+ ]"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
+ >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="pItem.chs != '#'"
|
|
|
+ class="NNPE-chs"
|
|
|
+ :class="[
|
|
|
+ newWordList.indexOf(pItem.chs) > -1 ? 'newActive' : '',
|
|
|
+ pItem.chs != '“' && pItem.padding && config.isShowPY ? 'padding' : '',
|
|
|
+ pItem.words ? 'newActive' : '',
|
|
|
+ ]"
|
|
|
+ :style="{
|
|
|
+ fontFamily: pItem.config.fontFamily,
|
|
|
+ height:
|
|
|
+ attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
+ fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
+ lineHeight:
|
|
|
+ attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
+ color:
|
|
|
+ newWordList.indexOf(pItem.chs) > -1 || pItem.words
|
|
|
+ ? attrib
|
|
|
+ ? attrib.topic_color
|
|
|
+ : ''
|
|
|
+ : '',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs)"
|
|
|
+ >{{ pItem.chs }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
+ class="NNPE-pinyin"
|
|
|
+ :class="[
|
|
|
+ pItem.chs != '“' && pItem.padding ? 'padding' : '',
|
|
|
+ pItem.className ? pItem.className : '',
|
|
|
+ noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
+ ]"
|
|
|
+ :style="{
|
|
|
+ fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
+ height:
|
|
|
+ attrib && attrib.pinyin_size
|
|
|
+ ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
|
|
|
+ : '22px',
|
|
|
+ }"
|
|
|
+ @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
+ >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<span
|
|
|
- v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
|
|
|
- class="NNPE-pinyin"
|
|
|
- :class="[
|
|
|
- pItem.chs != '“' && pItem.padding ? 'padding' : '',
|
|
|
- pItem.className ? pItem.className : '',
|
|
|
- noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
- ]"
|
|
|
:style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
|
|
|
+ height: pItem.height + 'px',
|
|
|
+ width: pItem.width + 'px',
|
|
|
}"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
- >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="pItem.chs != '#'"
|
|
|
- class="NNPE-chs"
|
|
|
- :class="[
|
|
|
- newWordList.indexOf(pItem.chs) > -1 ? 'newActive' : '',
|
|
|
- pItem.chs != '“' && pItem.padding && config.isShowPY ? 'padding' : '',
|
|
|
- pItem.words ? 'newActive' : '',
|
|
|
- ]"
|
|
|
- :style="{
|
|
|
- fontFamily: pItem.config.fontFamily,
|
|
|
- height:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
|
|
|
- lineHeight:
|
|
|
- attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
|
|
|
- color:
|
|
|
- newWordList.indexOf(pItem.chs) > -1 || pItem.words
|
|
|
- ? attrib
|
|
|
- ? attrib.topic_color
|
|
|
- : ''
|
|
|
- : '',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs)"
|
|
|
- >{{ pItem.chs }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
|
|
|
- class="NNPE-pinyin"
|
|
|
- :class="[
|
|
|
- pItem.chs != '“' && pItem.padding ? 'padding' : '',
|
|
|
- pItem.className ? pItem.className : '',
|
|
|
- noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
- ]"
|
|
|
- :style="{
|
|
|
- fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
|
|
|
- height:
|
|
|
- attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
|
|
|
- }"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
- >{{ NumberList.indexOf(pItem.pinyin) === -1 ? pItem.pinyin : '' }}</span
|
|
|
- >
|
|
|
+ ></span>
|
|
|
</template>
|
|
|
- </template>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
- <template v-else>
|
|
|
- <span
|
|
|
- :style="{
|
|
|
- height: pItem.height + 'px',
|
|
|
- width: pItem.width + 'px',
|
|
|
- }"
|
|
|
- ></span>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <div style="overflow: hidden; clear: both"></div>
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- config.isShowEN &&
|
|
|
- item.enwords &&
|
|
|
- (!curQue.enPosition || (curQue.enPosition && curQue.enPosition == 'bottom'))
|
|
|
- "
|
|
|
- class="enwords"
|
|
|
- >
|
|
|
- {{ item.enwords }}
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="curQue.property.multilingual_position === 'para'"
|
|
|
- class="multilingual-para"
|
|
|
- :class="[item.isTitle ? 'multilingual-para-center' : '']"
|
|
|
- >
|
|
|
- {{
|
|
|
- curQue.detail[index].multilingualTextList && curQue.detail[index].multilingualTextList[multilingual]
|
|
|
- ? curQue.detail[index].multilingualTextList[multilingual].join(' ')
|
|
|
- : ''
|
|
|
- }}
|
|
|
+ <img v-else :src="item.file_url_open" />
|
|
|
+ <div style="overflow: hidden; clear: both"></div>
|
|
|
+ <div
|
|
|
+ v-if="
|
|
|
+ config.isShowEN &&
|
|
|
+ item.enwords &&
|
|
|
+ (!curQue.enPosition || (curQue.enPosition && curQue.enPosition == 'bottom'))
|
|
|
+ "
|
|
|
+ class="enwords"
|
|
|
+ >
|
|
|
+ {{ item.enwords }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="curQue.property.multilingual_position === 'para'"
|
|
|
+ class="multilingual-para"
|
|
|
+ :class="[item.isTitle ? 'multilingual-para-center' : '']"
|
|
|
+ >
|
|
|
+ {{
|
|
|
+ curQue.detail[index].multilingualTextList &&
|
|
|
+ curQue.detail[index].multilingualTextList[multilingual]
|
|
|
+ ? curQue.detail[index].multilingualTextList[multilingual].join(' ')
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <img v-if="articleImg[index + 1]" :src="articleImg[index + 1]" />
|
|
|
</div>
|
|
|
- <img v-if="articleImg[index + 1]" :src="articleImg[index + 1]" />
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
- <div class="remarkBox remark-top">
|
|
|
+ <div
|
|
|
+ :class="[
|
|
|
+ 'remarkBox',
|
|
|
+ item.roleDetail && item.roleDetail.detail && item.roleDetail.detail.wordsList.length > 0
|
|
|
+ ? 'remark-top'
|
|
|
+ : 'remark-top-8',
|
|
|
+ ]"
|
|
|
+ >
|
|
|
<RemarkChs
|
|
|
:remark-detail="item.remarkDetail"
|
|
|
- :margin-top="item.roleDetail.detail && item.roleDetail.detail.wordsList.length > 0 ? 44 : 8"
|
|
|
+ :margin-top="
|
|
|
+ item.roleDetail && item.roleDetail.detail && item.roleDetail.detail.wordsList.length > 0 ? 44 : 8
|
|
|
+ "
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -782,6 +816,9 @@ export default {
|
|
|
roleDetail,
|
|
|
remarkDetail,
|
|
|
dhaspinyin,
|
|
|
+ type: dItem.type,
|
|
|
+ notice: dItem.notice,
|
|
|
+ file_url_open: dItem.file_url_open,
|
|
|
};
|
|
|
resArr.push(paraObj);
|
|
|
});
|
|
|
@@ -1404,5 +1441,18 @@ export default {
|
|
|
margin-top: -130px;
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
+
|
|
|
+ .notice {
|
|
|
+ margin: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 150%;
|
|
|
+ color: #000;
|
|
|
+ word-break: break-word;
|
|
|
+ }
|
|
|
+
|
|
|
+ img {
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
liuhaidi123