|
@@ -54,9 +54,9 @@
|
|
|
}">
|
|
|
<div style="width: 100%;">
|
|
|
<div class="course_input_box">
|
|
|
- <div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon.png" /></div>
|
|
|
+ <div class="bb_courseIcon"><img src="../../../assets/icon/new/course.png" /></div>
|
|
|
<input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName"
|
|
|
- style="border: 1.5px solid #CAD1DC;background: #f6f6f6;" />
|
|
|
+ style="border: 1.5px solid rgb(202, 209, 220);margin: 0px 10px 0px 0px;border-radius: 5px;font-weight: 600;padding: 12px 14px 12px 71px;" />
|
|
|
<el-switch v-model="isTeacherSee" active-text="是否公开此课程" style="justify-content: center;width: 200px;"></el-switch>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -6564,6 +6564,7 @@
|
|
|
<el-input
|
|
|
placeholder="请输入卡片内容"
|
|
|
v-model="st.sentenceTitle"
|
|
|
+ :maxlength="10"
|
|
|
></el-input>
|
|
|
</div>
|
|
|
<div @click="addSen(stIndex)">添加</div>
|
|
@@ -11645,9 +11646,9 @@ export default {
|
|
|
if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen){
|
|
|
this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
|
|
|
}else{
|
|
|
- $(".rightBox")[0].scrollTop =
|
|
|
- $(".taskBorder")[i + 1].offsetTop +
|
|
|
- $(".taskBorder")[i + 1].parentElement.parentElement.offsetTop;
|
|
|
+ document.querySelectorAll(".rightBox")[0].scrollTop =
|
|
|
+ document.querySelectorAll(".taskBorder")[i].offsetTop +
|
|
|
+ document.querySelectorAll(".taskBorder")[i].parentElement.parentElement.offsetTop;
|
|
|
this.isClickColor = i + 1;
|
|
|
this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true
|
|
|
}
|
|
@@ -11955,6 +11956,7 @@ export default {
|
|
|
let target = document.querySelector(`#gj${i}${j}`);
|
|
|
if (target) {
|
|
|
target.scrollIntoView(true);
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[j].isFold3 = true
|
|
|
// setTimeout(() => {
|
|
|
// this.$refs.rightboxR.scrollTop = this.$refs.rightboxR.scrollTop - 100;
|
|
|
// }, 0);
|
|
@@ -12722,21 +12724,26 @@ export default {
|
|
|
margin-right: 20px;
|
|
|
width: 100%;
|
|
|
align-items: center;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.course_input_box>.binfo_input {
|
|
|
- width: calc(100% - 48px - 200px - 20px);
|
|
|
+ width: calc(100% - 0 - 200px - 20px);
|
|
|
margin: 0 10px;
|
|
|
}
|
|
|
|
|
|
.bb_courseIcon {
|
|
|
- width: 48px;
|
|
|
- height: 48px;
|
|
|
- background: #3681FC;
|
|
|
- border-radius: 6px;
|
|
|
+ width: 57px;
|
|
|
+ height: 45px;
|
|
|
+ background: #F0F4FA;
|
|
|
+ border-radius: 5px 0px 0px 5px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
+ border-right: 1.5px solid rgb(202, 209, 220);
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ left:1.5px
|
|
|
}
|
|
|
|
|
|
.bb_courseIcon>img {
|
|
@@ -12744,6 +12751,7 @@ export default {
|
|
|
height: auto
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.big_box {
|
|
|
/* margin-top: 20px; */
|
|
|
display: flex;
|
|
@@ -14882,9 +14890,11 @@ ol {
|
|
|
align-content: center;
|
|
|
}
|
|
|
|
|
|
+.isCard,
|
|
|
.isCard,
|
|
|
.isCard1 {
|
|
|
- width: 200px;
|
|
|
+ width: auto;
|
|
|
+ padding: 0 20px;
|
|
|
height: 65px;
|
|
|
text-align: center;
|
|
|
line-height: 65px;
|
|
@@ -14904,15 +14914,14 @@ ol {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
-.isCard > div:nth-child(1),
|
|
|
-.isCard1 > div:nth-child(1) {
|
|
|
+.isCard>div:nth-child(1),
|
|
|
+.isCard1>div:nth-child(1) {
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- width: 80%;
|
|
|
+ width: 100%;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
-
|
|
|
.card {
|
|
|
width: 140px;
|
|
|
height: 65px;
|