|
|
@@ -1,14 +1,10 @@
|
|
|
<template>
|
|
|
<div class="pb_content" style="overflow: unset">
|
|
|
- <div class="pb_content_body" style="display: flex; min-height: 800px">
|
|
|
- <div
|
|
|
- style="
|
|
|
- width: 20%;
|
|
|
- margin-right: 10px;
|
|
|
- background: #fff;
|
|
|
- padding-right: 10px;
|
|
|
- "
|
|
|
- >
|
|
|
+ <div
|
|
|
+ class="pb_content_body"
|
|
|
+ style="display: flex; min-height: 800px; position: relative"
|
|
|
+ >
|
|
|
+ <div class="pb_left">
|
|
|
<div class="courseTitle">{{ courseDetail.title }}</div>
|
|
|
<div class="ml">目录</div>
|
|
|
<div v-for="(item, stageIndex) in navList" :key="stageIndex">
|
|
|
@@ -406,7 +402,11 @@
|
|
|
:key="toolCIndex"
|
|
|
>
|
|
|
<div v-if="tooC == 1" style="border: 1px soild #ccc">
|
|
|
- <div style="margin: 5px 0">电子白板</div>
|
|
|
+ <div
|
|
|
+ class="iframeName"
|
|
|
+ >
|
|
|
+ 电子白板
|
|
|
+ </div>
|
|
|
<iframe
|
|
|
src="https://iwb.cocorobo.cn/"
|
|
|
ref="whiteBoard"
|
|
|
@@ -425,7 +425,11 @@
|
|
|
alt
|
|
|
/>
|
|
|
<div style="margin: 5px 0">思维导图</div>-->
|
|
|
- <div style="margin: 5px 0">思维导图</div>
|
|
|
+ <div
|
|
|
+ class="iframeName"
|
|
|
+ >
|
|
|
+ 思维导图
|
|
|
+ </div>
|
|
|
<iframe
|
|
|
src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
ref="mind"
|
|
|
@@ -438,7 +442,11 @@
|
|
|
alt
|
|
|
/>
|
|
|
<div style="margin: 5px 0">协同文档</div>-->
|
|
|
- <div style="margin: 5px 0">协同文档</div>
|
|
|
+ <div
|
|
|
+ class="iframeName"
|
|
|
+ >
|
|
|
+ 协同文档
|
|
|
+ </div>
|
|
|
<iframe
|
|
|
src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
|
|
|
></iframe>
|
|
|
@@ -450,7 +458,11 @@
|
|
|
alt
|
|
|
/>
|
|
|
<div style="margin: 5px 0">思维网格</div>-->
|
|
|
- <div style="margin: 5px 0">思维网格</div>
|
|
|
+ <div
|
|
|
+ class="iframeName"
|
|
|
+ >
|
|
|
+ 思维网格
|
|
|
+ </div>
|
|
|
<iframe
|
|
|
src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
ref="grid"
|
|
|
@@ -2091,17 +2103,28 @@ export default {
|
|
|
|
|
|
<style scoped>
|
|
|
.body_student {
|
|
|
- margin: 0px auto;
|
|
|
- width: 80%;
|
|
|
+ /* margin: 0px auto; */
|
|
|
+ width: 77%;
|
|
|
height: 100%;
|
|
|
max-height: 800px;
|
|
|
- overflow: auto;
|
|
|
+ position: absolute;
|
|
|
+ left: 22%;
|
|
|
+ top: 0;
|
|
|
+ /* overflow: auto; */
|
|
|
}
|
|
|
.student_head {
|
|
|
width: 100%;
|
|
|
margin: 0 auto;
|
|
|
background: #fff;
|
|
|
}
|
|
|
+
|
|
|
+.pb_left {
|
|
|
+ width: 20%;
|
|
|
+ margin-right: 10px;
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ padding-right: 10px;
|
|
|
+ position: fixed;
|
|
|
+}
|
|
|
.wheel > img,
|
|
|
.project > img,
|
|
|
.star > img,
|
|
|
@@ -2978,4 +3001,9 @@ export default {
|
|
|
color: #43a078;
|
|
|
background: #e8e8e8;
|
|
|
}
|
|
|
+.iframeName {
|
|
|
+ margin: 5px 0;
|
|
|
+ border-left: 4px solid #41c4a4;
|
|
|
+ padding-left: 4px;
|
|
|
+}
|
|
|
</style>
|
zengyicheng