|
@@ -4,7 +4,7 @@
|
|
|
<div class="aduioLine-box aduioLine-practice-npc" v-if="
|
|
|
curQue.mp3_list &&
|
|
|
curQue.mp3_list.length > 0 &&
|
|
|
- curQue.mp3_list[0].id
|
|
|
+ curQue.mp3_list[0].id || config.isHasPY || config.isHasEN
|
|
|
">
|
|
|
<div class="aduioLine-content">
|
|
|
<template
|
|
@@ -32,10 +32,12 @@
|
|
|
<span
|
|
|
:class="['pinyin-16', config.isShowPY ? '' : 'disabled']"
|
|
|
@click="changePinyin"
|
|
|
+ v-if="config.isHasPY"
|
|
|
></span>
|
|
|
<span
|
|
|
:class="['EN-16', config.isShowEN ? '' : 'disabled']"
|
|
|
@click="changeEN"
|
|
|
+ v-if="config.isHasEN"
|
|
|
></span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -91,7 +93,6 @@
|
|
|
pItem.className ? pItem.className : '',
|
|
|
noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
]"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
>{{ pItem.pinyin }}</span
|
|
|
>
|
|
|
<span
|
|
@@ -122,7 +123,6 @@
|
|
|
? 'wordActive'
|
|
|
: '',
|
|
|
]"
|
|
|
- @click.stop="viewNotes($event, pItem.chs[wIndex])"
|
|
|
>{{
|
|
|
NumberList.indexOf(pItem.pinyin) == -1
|
|
|
? pItem.chs[wIndex]
|
|
@@ -140,7 +140,6 @@
|
|
|
pItem.className ? pItem.className : '',
|
|
|
noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
]"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
>{{ pItem.pinyin }}</span
|
|
|
>
|
|
|
</span>
|
|
@@ -155,7 +154,6 @@
|
|
|
: '',
|
|
|
]"
|
|
|
style="text-align: left"
|
|
|
- @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
|
|
|
>{{ item.wordsList[pIndex + 1].pinyin }}</span
|
|
|
>
|
|
|
<span
|
|
@@ -182,7 +180,6 @@
|
|
|
? 'wordActive'
|
|
|
: '',
|
|
|
]"
|
|
|
- @click.stop="viewNotes($event, item.wordsList[pIndex + 1].chs)"
|
|
|
>{{ NumberList.indexOf(
|
|
|
item.wordsList[pIndex + 1].pinyin
|
|
|
) == -1
|
|
@@ -201,7 +198,6 @@
|
|
|
: '',
|
|
|
]"
|
|
|
style="text-align: left"
|
|
|
- @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
|
|
|
>{{ item.wordsList[pIndex + 1].pinyin }}</span
|
|
|
>
|
|
|
</span>
|
|
@@ -227,12 +223,6 @@
|
|
|
: '',
|
|
|
]"
|
|
|
style="text-align: left"
|
|
|
- @click.stop="
|
|
|
- viewNotes(
|
|
|
- $event,
|
|
|
- item.wordsList[pIndex + 2].pinyin
|
|
|
- )
|
|
|
- "
|
|
|
>{{ item.wordsList[pIndex + 2].pinyin }}</span
|
|
|
>
|
|
|
<span
|
|
@@ -259,12 +249,6 @@
|
|
|
? 'wordActive'
|
|
|
: '',
|
|
|
]"
|
|
|
- @click.stop="
|
|
|
- viewNotes(
|
|
|
- $event,
|
|
|
- item.wordsList[pIndex + 2].chs
|
|
|
- )
|
|
|
- "
|
|
|
>{{ NumberList.indexOf(
|
|
|
item.wordsList[pIndex + 2].pinyin
|
|
|
) == -1
|
|
@@ -283,12 +267,6 @@
|
|
|
: '',
|
|
|
]"
|
|
|
style="text-align: left"
|
|
|
- @click.stop="
|
|
|
- viewNotes(
|
|
|
- $event,
|
|
|
- item.wordsList[pIndex + 2].pinyin
|
|
|
- )
|
|
|
- "
|
|
|
>{{ item.wordsList[pIndex + 2].pinyin }}</span
|
|
|
>
|
|
|
</span>
|
|
@@ -302,7 +280,6 @@
|
|
|
pItem.className ? pItem.className : '',
|
|
|
noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
]"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
>{{ pItem.pinyin }}</span
|
|
|
>
|
|
|
<span
|
|
@@ -314,7 +291,7 @@
|
|
|
curTime <= item.timeList[pItem.sentIndex].ed
|
|
|
? 'active'
|
|
|
: '',
|
|
|
- pItem.chs != '“' && pItem.padding ? 'padding' : '',
|
|
|
+ pItem.chs != '“' && pItem.padding && config.isShowPY ? 'padding' : '',
|
|
|
pItem.paraIndex == paraIndex &&
|
|
|
pItem.sentIndex == sentIndex
|
|
|
? 'overActive'
|
|
@@ -334,7 +311,6 @@
|
|
|
? 'wordActive'
|
|
|
: '',
|
|
|
]"
|
|
|
- @click.stop="viewNotes($event, pItem.chs[wIndex])"
|
|
|
>{{ NumberList.indexOf(pItem.pinyin) == -1
|
|
|
? pItem.chs[wIndex]
|
|
|
: "" }}</span
|
|
@@ -349,7 +325,6 @@
|
|
|
pItem.className ? pItem.className : '',
|
|
|
noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
|
|
|
]"
|
|
|
- @click.stop="viewNotes($event, pItem.pinyin)"
|
|
|
>{{ pItem.pinyin }}</span
|
|
|
>
|
|
|
</template>
|
|
@@ -501,20 +476,23 @@ export default {
|
|
|
let dhaspinyin = false; // 每段是否有拼音
|
|
|
curQue.detail.forEach((dItem, dIndex) => {
|
|
|
dhaspinyin = false
|
|
|
- let paraArr = [
|
|
|
- {
|
|
|
- pinyin: "",
|
|
|
- chs: "",
|
|
|
- width: 20,
|
|
|
- height: 20,
|
|
|
- },
|
|
|
- {
|
|
|
- width: 20,
|
|
|
- height: 20,
|
|
|
- pinyin: "",
|
|
|
- chs: "",
|
|
|
- },
|
|
|
- ];
|
|
|
+ let paraArr = []
|
|
|
+ if(!dItem.isTitle){
|
|
|
+ paraArr = [
|
|
|
+ {
|
|
|
+ pinyin: "",
|
|
|
+ chs: "",
|
|
|
+ width: 20,
|
|
|
+ height: 20,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 20,
|
|
|
+ height: 20,
|
|
|
+ pinyin: "",
|
|
|
+ chs: "",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ }
|
|
|
dItem.wordsList.forEach((sItem, sIndex) => {
|
|
|
let sentArr = [];
|
|
|
sItem.forEach((wItem, wIndex) => {
|
|
@@ -636,37 +614,6 @@ export default {
|
|
|
this.paraIndex = -1;
|
|
|
this.sentIndex = -1;
|
|
|
},
|
|
|
- viewNotes(e, noteNum) {
|
|
|
- let _this = this;
|
|
|
- let noteIndex = "";
|
|
|
- if (_this.NumberList.indexOf(noteNum) > -1) {
|
|
|
- for (let i = 0; i < _this.NumberList.length; i++) {
|
|
|
- if (_this.NumberList[i] == noteNum) {
|
|
|
- noteIndex = "" + i + "";
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.showNoteDetail(e, noteIndex);
|
|
|
- },
|
|
|
- showNoteDetail(e, noteNum) {
|
|
|
- let _this = this;
|
|
|
- if (_this.oldNoteNum != noteNum) {
|
|
|
- this.isNoteShow = false;
|
|
|
- setTimeout(() => {
|
|
|
- _this.noteNum = noteNum;
|
|
|
- }, 50);
|
|
|
- }
|
|
|
- _this.clientY = e.clientY;
|
|
|
- let left = e.clientX;
|
|
|
- let width = 642;
|
|
|
-
|
|
|
- if (left - this.bodyLeft > this.contentWidth / 2) {
|
|
|
- _this.left = left - width + 10;
|
|
|
- } else {
|
|
|
- _this.left = left - 200;
|
|
|
- }
|
|
|
- },
|
|
|
// 处理分词数据
|
|
|
handleNote(val) {
|
|
|
let _this = this;
|
|
@@ -865,7 +812,7 @@ export default {
|
|
|
|
|
|
.wordsList-box {
|
|
|
width: 100%;
|
|
|
- padding: 6px 24px 6px 24px;
|
|
|
+ padding: 6px 24px 12px 24px;
|
|
|
> div {
|
|
|
clear: both;
|
|
|
overflow: hidden;
|