|
|
@@ -39,13 +39,7 @@
|
|
|
<div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
|
|
|
<!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
|
|
|
<div style="border-bottom: 1px solid #cad1dc; width: 100%">
|
|
|
- <!-- <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}"> -->
|
|
|
- <div class="courseTitle">
|
|
|
- <el-tooltip effect="light" content="收缩" placement="top">
|
|
|
- <div class="mlImg" @click="setContent2(false)">
|
|
|
- <img src="../assets/icon/newIcons/launch.png" alt="" />
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
+ <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
|
|
|
<div
|
|
|
style="
|
|
|
max-width: calc(100% - 40px);
|
|
|
@@ -67,15 +61,16 @@
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
- <!-- <el-tooltip effect="light" content="收缩" placement="top">
|
|
|
+ <el-tooltip effect="light" content="收缩" placement="top">
|
|
|
<div class="mlImg" @click="setContent2(false)">
|
|
|
<img src="../assets/icon/newIcons/isRight.png" alt="" />
|
|
|
</div>
|
|
|
- </el-tooltip> -->
|
|
|
+ </el-tooltip>
|
|
|
</div>
|
|
|
<div
|
|
|
class="inviteBox"
|
|
|
v-if="tcid && inviteCode"
|
|
|
+ style="padding: 0 0 8px 0"
|
|
|
>
|
|
|
<div>
|
|
|
<span>随机码：{{ inviteCode }}</span>
|
|
|
@@ -95,9 +90,6 @@
|
|
|
// stageBoxIsCss: stageIndex == courseType,
|
|
|
}"
|
|
|
>
|
|
|
- <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
|
|
|
- <img src="../assets/icon/newIcons/chevronUp.png" alt />
|
|
|
- </div>
|
|
|
<div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
|
|
|
<div>阶段{{ stageIndex + 1 }}</div>
|
|
|
<el-tooltip
|
|
|
@@ -113,7 +105,9 @@
|
|
|
<!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
|
|
|
<img src="../assets/icon/newIcons/downC.png" alt />
|
|
|
</div> -->
|
|
|
-
|
|
|
+ <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
|
|
|
+ <img src="../assets/icon/newIcons/right.png" alt />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="stageChild" :class="{ navActive: item.isOpen }">
|
|
|
<div v-for="(nav, navIndex) in item.task" :key="navIndex">
|
|
|
@@ -132,14 +126,14 @@
|
|
|
v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
|
|
|
@click="openTask(stageIndex, navIndex, nav.id)"
|
|
|
>
|
|
|
- <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
|
|
|
+ <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
|
|
|
</div>
|
|
|
<div
|
|
|
class="closeTri1"
|
|
|
v-else
|
|
|
@click="openTask(stageIndex, navIndex, nav.id)"
|
|
|
>
|
|
|
- <img :style="{transform: nav.isOpen ? 'rotate(-90deg)':'rotate(-90deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
|
|
|
+ <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else class="noToolBlue"></div>
|
|
|
@@ -655,8 +649,8 @@
|
|
|
>
|
|
|
<div class="navCorOpenBox">
|
|
|
<div class="navTitile">内容列表：</div>
|
|
|
- <div class="navCorOpen" style="transform:rotate(180deg)" @click="setContent(false)">
|
|
|
- <img src="../assets/icon/newIcons/launch.png" alt="" />
|
|
|
+ <div class="navCorOpen" @click="setContent(false)">
|
|
|
+ <img src="../assets/icon/newIcons/isRight.png" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="navBox">
|
|
|
@@ -671,36 +665,26 @@
|
|
|
class="vedioTimeBox"
|
|
|
v-for="(vitem, vindex) in vChapterData[taskCount]"
|
|
|
:key="vindex + '1'"
|
|
|
-
|
|
|
>
|
|
|
- <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 2">
|
|
|
+ <div class="navListItem" v-if="vitem.type == 2">
|
|
|
<div
|
|
|
@click="lookVedio(vitem.url, vindex)"
|
|
|
class="navText"
|
|
|
-
|
|
|
+ :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
>
|
|
|
<span v-if="vitem.text">{{ vitem.text }}-</span
|
|
|
>{{ vitem.name }}
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- <div class="downIcon" @click="downloadFile2(vitem)"> -->
|
|
|
- <div class="downIcon">
|
|
|
- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt="">
|
|
|
-
|
|
|
- <!-- <img
|
|
|
- :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
|
|
|
- alt
|
|
|
- /> -->
|
|
|
+ <div class="downIcon" @click="downloadFile2(vitem)">
|
|
|
+ <img src="../assets/icon/newIcon/down.png" alt />
|
|
|
</div>
|
|
|
- <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
- <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 6">
|
|
|
+ <div class="navListItem" v-if="vitem.type == 6">
|
|
|
<div
|
|
|
@click="lookText(taskCount, vindex)"
|
|
|
class="navText"
|
|
|
-
|
|
|
+ :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
>
|
|
|
{{ vitem.name }}.doc
|
|
|
</div>
|
|
|
@@ -708,24 +692,20 @@
|
|
|
class="downIcon"
|
|
|
@click="checkFileFull1(vitem.type, vitem)"
|
|
|
>
|
|
|
- <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
|
|
|
<img
|
|
|
- :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
|
|
|
+ src="../assets/icon/newIcon/allScreen.png"
|
|
|
alt
|
|
|
/>
|
|
|
</div>
|
|
|
- <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
|
|
|
-
|
|
|
</div>
|
|
|
<div
|
|
|
class="navListItem"
|
|
|
- :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
v-if="vitem.type == 8 || vitem.type == 14"
|
|
|
>
|
|
|
<div
|
|
|
@click="doUrl(vitem.url, vindex)"
|
|
|
class="navText"
|
|
|
-
|
|
|
+ :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
>
|
|
|
{{ vitem.title ? vitem.title : vitem.url }}
|
|
|
</div>
|
|
|
@@ -733,20 +713,17 @@
|
|
|
class="downIcon"
|
|
|
@click="checkFileFull1(vitem.type, vitem)"
|
|
|
>
|
|
|
- <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
|
|
|
- <img
|
|
|
- :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
|
|
|
+ <img
|
|
|
+ src="../assets/icon/newIcon/allScreen.png"
|
|
|
alt
|
|
|
/>
|
|
|
</div>
|
|
|
- <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
|
|
|
-
|
|
|
</div>
|
|
|
- <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 3">
|
|
|
+ <div class="navListItem" v-if="vitem.type == 3">
|
|
|
<div
|
|
|
@click="downFile(vitem, vindex)"
|
|
|
class="navText"
|
|
|
-
|
|
|
+ :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
>
|
|
|
<span v-if="vitem.text">{{ vitem.text }}-</span
|
|
|
>{{ vitem.name }}
|
|
|
@@ -755,13 +732,14 @@
|
|
|
class="downIcon"
|
|
|
@click="checkFileFull1(vitem.type, vitem)"
|
|
|
>
|
|
|
- <img
|
|
|
- :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
|
|
|
+ <img
|
|
|
+ src="../assets/icon/newIcon/allScreen.png"
|
|
|
alt
|
|
|
/>
|
|
|
</div>
|
|
|
- <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
|
|
|
-
|
|
|
+ <div class="downIcon" @click="downloadFile2(vitem)">
|
|
|
+ <img src="../assets/icon/newIcon/down.png" alt />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="navListItem" v-if="vitem.type == 12">
|
|
|
<div class="navText" @click="downloadFile2(vitem)">
|
|
|
@@ -772,28 +750,25 @@
|
|
|
class="downIcon"
|
|
|
@click="checkFileFull1(vitem.type, vitem)"
|
|
|
>
|
|
|
- <img
|
|
|
- :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
|
|
|
+ <img
|
|
|
+ src="../assets/icon/newIcon/allScreen.png"
|
|
|
alt
|
|
|
/>
|
|
|
</div>
|
|
|
- <img :src="isClickNav == vindex ? '../assets/icon/newIcon/download.png':'../assets/icon/newIcon/download2.png'" alt />
|
|
|
+ <div class="downIcon" @click="downloadFile2(vitem)">
|
|
|
+ <img src="../assets/icon/newIcon/down.png" alt />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 13">
|
|
|
+ <div class="navListItem" v-if="vitem.type == 13">
|
|
|
<div
|
|
|
class="navText"
|
|
|
@click="checkPhoto(vitem, vindex)"
|
|
|
-
|
|
|
+ :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
>
|
|
|
{{ vitem.name }}
|
|
|
</div>
|
|
|
<div class="downIcon" @click="downloadFile2(vitem)">
|
|
|
- <img
|
|
|
- :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
|
|
|
- alt
|
|
|
- />
|
|
|
- <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
|
|
|
- <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
|
|
|
+ <img src="../assets/icon/newIcon/down.png" alt />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -816,12 +791,10 @@
|
|
|
class="downIcon"
|
|
|
@click="downloadFile2(vitem)"
|
|
|
>
|
|
|
- <img
|
|
|
- :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
|
|
|
- alt
|
|
|
- />
|
|
|
- <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
|
|
|
- <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
|
|
|
+ <img
|
|
|
+ src="../assets/icon/newIcon/down.png"
|
|
|
+ alt
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -20574,13 +20547,12 @@ export default {
|
|
|
}
|
|
|
|
|
|
.courseTitle {
|
|
|
- width: 90%;
|
|
|
- margin: 30px auto 15px auto;
|
|
|
+ width: 85%;
|
|
|
+ margin: 10px auto 26px auto;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
- /* justify-content: space-between; */
|
|
|
- justify-content: flex-start;
|
|
|
+ justify-content: space-between;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
@@ -20596,13 +20568,8 @@ export default {
|
|
|
.inviteBox {
|
|
|
font-size: 14px;
|
|
|
/* margin-top: 5px; */
|
|
|
- /* margin: 15px 0; */
|
|
|
- padding: 0 15px;
|
|
|
- padding-left: 46px;
|
|
|
- margin-bottom: 15px;
|
|
|
- width: 100%;
|
|
|
color: #00000099;
|
|
|
- text-align: ringht;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.courseTitle >>> .el-tooltip {
|
|
|
@@ -21363,14 +21330,12 @@ export default {
|
|
|
width: calc(100% - 20px);
|
|
|
height: 50px;
|
|
|
margin: 0px auto 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0 10px;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: nowrap;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
- /* background: #f0f4fa; */
|
|
|
+ background: #f0f4fa;
|
|
|
border-radius: 6px 6px 6px 6px;
|
|
|
}
|
|
|
|
|
|
@@ -21380,15 +21345,15 @@ export default {
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
width: 220px;
|
|
|
- /* padding: 0 10px; */
|
|
|
+ padding: 0 10px;
|
|
|
font-weight: 400;
|
|
|
- /* color: #0e1e33; */
|
|
|
+ color: #0e1e33;
|
|
|
}
|
|
|
|
|
|
.downIcon {
|
|
|
- width: 16px;
|
|
|
- min-width: 16px;
|
|
|
- height: 16px;
|
|
|
+ width: 20px;
|
|
|
+ min-width: 20px;
|
|
|
+ height: 20px;
|
|
|
margin-right: 15px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
@@ -22276,9 +22241,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.isClickNav {
|
|
|
- color: #499eef;
|
|
|
- /* color: #000; */
|
|
|
- background: rgba(224, 234, 251, 1);
|
|
|
+ /* color: #499eef; */
|
|
|
+ color: #000;
|
|
|
}
|
|
|
|
|
|
.commentImg {
|
|
|
@@ -23771,9 +23735,9 @@ ol {
|
|
|
}
|
|
|
|
|
|
.navCorOpen {
|
|
|
- padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
cursor: pointer;
|
|
|
- width: 23px;
|
|
|
+ width: 45px;
|
|
|
display: flex;
|
|
|
}
|
|
|
|
|
|
@@ -23783,13 +23747,10 @@ ol {
|
|
|
}
|
|
|
|
|
|
.mlImg {
|
|
|
- width: 23px !important;
|
|
|
- /* min-width: 30px; */
|
|
|
- display: flex;
|
|
|
- align-content: center;
|
|
|
- margin-right: 6px;
|
|
|
+ width: 40px !important;
|
|
|
+ min-width: 40px;
|
|
|
cursor: pointer;
|
|
|
- /* transform: rotate(180deg); */
|
|
|
+ transform: rotate(180deg);
|
|
|
}
|
|
|
|
|
|
.mlImg > img {
|
|
|
@@ -23888,7 +23849,7 @@ ol {
|
|
|
flex-direction: row;
|
|
|
flex-wrap: nowrap;
|
|
|
align-items: center;
|
|
|
- margin-left: 5px;
|
|
|
+ margin-left: 15px;
|
|
|
width: calc(100% - 50px);
|
|
|
}
|
|
|
.stageNav{
|
|
|
@@ -23907,9 +23868,9 @@ ol {
|
|
|
}
|
|
|
.closeTri,
|
|
|
.closeTri1 {
|
|
|
- min-width: 25px;
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
+ min-width: 15px;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
transition: all .5s;
|
|
|
}
|
|
|
|
