|
@@ -12,22 +12,22 @@
|
|
|
<template v-if="item.detail.wordsList[indexCon + 1] && item.detail.wordsList[indexCon + 1].chs && chsFhList.indexOf(item.detail.wordsList[indexCon + 1].chs) > -1">
|
|
|
<div class="synthesis-box">
|
|
|
<div>
|
|
|
- <span class="pinyin" v-if="item.detail.pyPosition=='top'">{{itemCon.pinyin}}</span>
|
|
|
+ <span class="pinyin" :class="[noFont.indexOf(itemCon.pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='top'">{{itemCon.pinyin}}</span>
|
|
|
<span class="hanzi content-con">{{itemCon.chs}}</span>
|
|
|
- <span class="pinyin" v-if="item.detail.pyPosition=='bottom'">{{itemCon.pinyin}}</span>
|
|
|
+ <span class="pinyin" :class="[noFont.indexOf(itemCon.pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='bottom'">{{itemCon.pinyin}}</span>
|
|
|
</div>
|
|
|
<div style="text-align: left">
|
|
|
- <span class="pinyin" v-if="item.detail.pyPosition=='top'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
|
|
|
+ <span class="pinyin" :class="[noFont.indexOf(items.detail.wordsList[indexCon + 1].pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='top'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
|
|
|
<span class="hanzi content-con">{{item.detail.wordsList[indexCon + 1].chs}}</span>
|
|
|
- <span class="pinyin" v-if="item.detail.pyPosition=='bottom'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
|
|
|
+ <span class="pinyin" :class="[noFont.indexOf(items.detail.wordsList[indexCon + 1].pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='bottom'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <span class="pinyin" v-if="item.detail.pyPosition=='top'">{{itemCon.pinyin}}</span>
|
|
|
+ <span class="pinyin" :class="[noFont.indexOf(itemCon.pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='top'">{{itemCon.pinyin}}</span>
|
|
|
<span class="hanzi content-con">{{itemCon.chs}}</span>
|
|
|
- <span class="pinyin" v-if="item.detail.pyPosition=='bottom'">{{itemCon.pinyin}}</span>
|
|
|
+ <span class="pinyin" :class="[noFont.indexOf(itemCon.pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='bottom'">{{itemCon.pinyin}}</span>
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -51,6 +51,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
chsFhList: [",", "。", "“", ":", "》", "《", "?", "!", ";"],
|
|
|
+ noFont: ['~','!','@','#','$','%','^','&','*','(',')'], // 对应不要拼音字体
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
@@ -162,6 +163,9 @@ export default {
|
|
|
line-height: 20px;
|
|
|
color: #000000;
|
|
|
height: 20px;
|
|
|
+ &.noFont{
|
|
|
+ font-family: initial;
|
|
|
+ }
|
|
|
}
|
|
|
.synthesis-box{
|
|
|
display: flex;
|