|
@@ -82,7 +82,46 @@
|
|
|
</template>
|
|
|
<b class="content-en" v-if="items.en">{{ items.en }}</b>
|
|
|
</template>
|
|
|
- <template v-else> </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="chs_pinyin">
|
|
|
+ <div
|
|
|
+ v-for="(conent, conIndex) in items.detail.wordsList"
|
|
|
+ :key="conIndex + 'con'"
|
|
|
+ >
|
|
|
+ <template v-if="items.detail.pyPosition == 'top'">
|
|
|
+ <div
|
|
|
+ v-if="conent.pinyin == '__'"
|
|
|
+ contenteditable
|
|
|
+ class="input pinyin"
|
|
|
+ ></div>
|
|
|
+ <p class="pinyin" v-else>
|
|
|
+ {{ conent.pinyin }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <template v-if="conent.chs == '__'">
|
|
|
+ <div contenteditable class="input chs"></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <p class="chs">
|
|
|
+ {{ conent.chs }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template
|
|
|
+ v-if="items.detail.pyPosition == 'bottom' && conent.pinyin"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-if="conent.pinyin == '__'"
|
|
|
+ contenteditable
|
|
|
+ class="input pinyin"
|
|
|
+ ></div>
|
|
|
+ <p class="pinyin" v-else>
|
|
|
+ {{ conent.pinyin }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
<template v-if="dataType.indexOf('sentence_answer_chs') > -1">
|
|
|
<input
|
|
@@ -111,12 +150,21 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-if="dataType.indexOf('sentence_record_chs') > -1">
|
|
|
- <Soundrecord
|
|
|
- @handleWav="handleWav"
|
|
|
- type="mini"
|
|
|
- class="luyin-box"
|
|
|
- v-if="items.IsRecord"
|
|
|
- />
|
|
|
+ <template v-if="dataType.indexOf('sentence_input_chs') != -1">
|
|
|
+ <Soundrecord
|
|
|
+ @handleWav="handleWav"
|
|
|
+ type="normal"
|
|
|
+ v-if="items.IsRecord"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <Soundrecord
|
|
|
+ @handleWav="handleWav"
|
|
|
+ type="mini"
|
|
|
+ class="luyin-box"
|
|
|
+ v-if="items.IsRecord"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
</template>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -304,6 +352,37 @@ export default {
|
|
|
}
|
|
|
.item-content {
|
|
|
flex: 1;
|
|
|
+ .chs_pinyin {
|
|
|
+ display: flex;
|
|
|
+ margin-left: 8px;
|
|
|
+
|
|
|
+ .input {
|
|
|
+ margin-left: 16px;
|
|
|
+ margin-right: 8px;
|
|
|
+ min-width: 50px;
|
|
|
+ border-bottom: 1px solid black;
|
|
|
+ }
|
|
|
+ .pinyin {
|
|
|
+ font-weight: "GB-PINYINOK-B";
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 130%;
|
|
|
+ color: rgba(0, 0, 0, 0.6);
|
|
|
+ margin-top: 8px;
|
|
|
+ }
|
|
|
+ .chs {
|
|
|
+ font-family: "FZJCGFKTK";
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 20px;
|
|
|
+ line-height: 150%;
|
|
|
+ /* identical to box height, or 30px */
|
|
|
+
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
+ p {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
.content-con {
|
|
|
font-size: 20px;
|
|
|
line-height: 150%;
|