|
|
@@ -65,29 +65,31 @@
|
|
|
</video>
|
|
|
<rightMenu :idsObj="idsObj" :dataList="classTimeData" ref="rightNenuRef" @videoSpeed="videoSpeed"></rightMenu>
|
|
|
</a-card>
|
|
|
- <a-card :bordered="false" class="mt-2">
|
|
|
- <a-tabs v-model:activeKey="tabsActiveKey">
|
|
|
- <a-tab-pane key="1" tab="讲义">
|
|
|
- <div style="height: 900px">
|
|
|
- <vue-office-pdf :src="itemObj.url" style="width: 100%; height: 100%" />
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- <a-tab-pane key="2" tab="字幕">
|
|
|
- <div style="height: 900px; overflow-y: auto">
|
|
|
- <div v-for="(item, idx) in danmuObj.srtInfoList" :key="idx">
|
|
|
- <div>{{ item.startTime }}~{{ item.endTime }}</div>
|
|
|
- <div style="cursor: pointer; padding: 10px 0" @click="videoSpeed(item)">{{ item.text }}</div>
|
|
|
+ <div style="display: flex;justify-content: center;">
|
|
|
+ <a-card :bordered="false" class="mt-2" style="max-width: 1200px">
|
|
|
+ <a-tabs v-model:activeKey="tabsActiveKey">
|
|
|
+ <a-tab-pane key="1" tab="讲义">
|
|
|
+ <div style="height: 900px;">
|
|
|
+ <vue-office-pdf :src="itemObj.url" style="width: 100%; height: 100%" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- <a-tab-pane key="3" tab="笔记">
|
|
|
- <note :idsObj="idsObj" ref="noteRef" @edit="noteEdit"></note>
|
|
|
- </a-tab-pane>
|
|
|
- <a-tab-pane key="4" tab="问答">
|
|
|
- <askDiv :idsObj="idsObj" ref="askDivRef" @edit="askEdit"></askDiv>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </a-card>
|
|
|
+ </a-tab-pane>
|
|
|
+ <a-tab-pane key="2" tab="字幕">
|
|
|
+ <div style="height: 900px; overflow-y: auto">
|
|
|
+ <div v-for="(item, idx) in danmuObj.srtInfoList" :key="idx">
|
|
|
+ <div>{{ item.startTime }}~{{ item.endTime }}</div>
|
|
|
+ <div style="cursor: pointer; padding: 10px 0" @click="videoSpeed(item)">{{ item.text }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a-tab-pane>
|
|
|
+ <a-tab-pane key="3" tab="笔记">
|
|
|
+ <note :idsObj="idsObj" ref="noteRef" @edit="noteEdit"></note>
|
|
|
+ </a-tab-pane>
|
|
|
+ <a-tab-pane key="4" tab="问答">
|
|
|
+ <askDiv :idsObj="idsObj" ref="askDivRef" @edit="askEdit"></askDiv>
|
|
|
+ </a-tab-pane>
|
|
|
+ </a-tabs>
|
|
|
+ </a-card>
|
|
|
+ </div>
|
|
|
</a-layout-content>
|
|
|
</a-layout>
|
|
|
</a-layout>
|