|
|
@@ -5,31 +5,46 @@
|
|
|
|
|
|
<div class="main">
|
|
|
<div ref="leftDiv" :style="{ width: data.note_list?.length > 0 ? '' : '100%' }">
|
|
|
- <PinyinText v-if="isEnable(data.property.view_pinyin)" :is-enable-voice="data.property.is_enable_voice"
|
|
|
- :audio-file-id="data.audio_file_id" :unified-attrib="data.unified_attrib"
|
|
|
- :paragraph-list="data.paragraph_list" :rich-text-list="data.rich_text_list"
|
|
|
+ <PinyinText
|
|
|
+ v-if="isEnable(data.property.view_pinyin)"
|
|
|
+ :is-enable-voice="data.property.is_enable_voice"
|
|
|
+ :audio-file-id="data.audio_file_id"
|
|
|
+ :unified-attrib="data.unified_attrib"
|
|
|
+ :paragraph-list="data.paragraph_list"
|
|
|
+ :rich-text-list="data.rich_text_list"
|
|
|
:pinyin-position="data.property.pinyin_position"
|
|
|
:pinyin-overall-position="data.property.pinyin_overall_position"
|
|
|
- :pinyin-size="data?.unified_attrib?.pinyin_size" :font-size="data?.unified_attrib?.font_size"
|
|
|
- :font-family="data?.unified_attrib?.font" :pinyin-padding="data.property.pinyin_padding"
|
|
|
- :is-preview="isPreview" />
|
|
|
+ :pinyin-size="data?.unified_attrib?.pinyin_size"
|
|
|
+ :font-size="data?.unified_attrib?.font_size"
|
|
|
+ :font-family="data?.unified_attrib?.font"
|
|
|
+ :pinyin-padding="data.property.pinyin_padding"
|
|
|
+ :is-preview="isPreview"
|
|
|
+ />
|
|
|
<div v-else>
|
|
|
- <AudioPlay v-if="isEnable(data.property.is_enable_voice)" :file-id="data.audio_file_id" :theme-color="data.unified_attrib && data.unified_attrib.topic_color ? data.unified_attrib.topic_color : ''
|
|
|
- " />
|
|
|
+ <AudioPlay
|
|
|
+ v-if="isEnable(data.property.is_enable_voice)"
|
|
|
+ :file-id="data.audio_file_id"
|
|
|
+ :theme-color="data.unified_attrib && data.unified_attrib.topic_color ? data.unified_attrib.topic_color : ''"
|
|
|
+ />
|
|
|
<span class="rich-text" @click="handleRichFillClick" v-html="convertText(sanitizeHTML(data.content))"></span>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
<div v-show="showLang" class="lang">
|
|
|
- {{data.multilingual?.find((item) => item.type === getLang())?.translation}}
|
|
|
+ {{ data.multilingual?.find((item) => item.type === getLang())?.translation }}
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog ref="optimizedDialog" title="" :visible.sync="noteDialogVisible" width="680px" :style="dialogStyle"
|
|
|
- :close-on-click-modal="false" destroy-on-close @close="noteDialogVisible = false">
|
|
|
+ <el-dialog
|
|
|
+ ref="optimizedDialog"
|
|
|
+ title=""
|
|
|
+ :visible.sync="noteDialogVisible"
|
|
|
+ width="680px"
|
|
|
+ :style="dialogStyle"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ destroy-on-close
|
|
|
+ @close="noteDialogVisible = false"
|
|
|
+ >
|
|
|
<span v-html="sanitizeHTML(selectedNote)"></span>
|
|
|
</el-dialog>
|
|
|
</div>
|