|
@@ -14,8 +14,7 @@
|
|
<div class="wheel">
|
|
<div class="wheel">
|
|
<img
|
|
<img
|
|
:src="
|
|
:src="
|
|
- this.courseDetail.cover != null &&
|
|
|
|
- this.courseDetail.cover != ''
|
|
|
|
|
|
+ this.courseDetail.cover != null && this.courseDetail.cover != ''
|
|
? JSON.parse(this.courseDetail.cover).length > 0
|
|
? JSON.parse(this.courseDetail.cover).length > 0
|
|
? JSON.parse(this.courseDetail.cover)[0].url
|
|
? JSON.parse(this.courseDetail.cover)[0].url
|
|
: mr
|
|
: mr
|
|
@@ -35,11 +34,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cType">
|
|
<div class="cType">
|
|
- <div
|
|
|
|
- class="all_choose"
|
|
|
|
- v-for="(item, index) in courseType"
|
|
|
|
- :key="index"
|
|
|
|
- >
|
|
|
|
|
|
+ <div class="all_choose" v-for="(item, index) in courseType" :key="index">
|
|
<span
|
|
<span
|
|
style="
|
|
style="
|
|
{
|
|
{
|
|
@@ -56,20 +51,13 @@
|
|
>
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="now_study" @click="dialogVisible = true">
|
|
|
|
- 立即学习
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="now_study" @click="dialogVisible = true">立即学习</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="student_body">
|
|
<div class="student_body">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
- width: 20%;
|
|
|
|
- margin-right: 10px;
|
|
|
|
- background: #fff;
|
|
|
|
- padding-right: 10px;
|
|
|
|
- "
|
|
|
|
|
|
+ style="width: 20%; margin-right: 10px; background: #fff; padding-right: 10px"
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
class="blue_box_one"
|
|
class="blue_box_one"
|
|
@@ -100,11 +88,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="right" v-if="choose == 0">
|
|
<div class="right" v-if="choose == 0">
|
|
<div class="nav">
|
|
<div class="nav">
|
|
- {{
|
|
|
|
- courseDetail.brief != null
|
|
|
|
- ? courseDetail.brief
|
|
|
|
- : "暂无课程简介"
|
|
|
|
- }}
|
|
|
|
|
|
+ {{ courseDetail.brief != null ? courseDetail.brief : "暂无课程简介" }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right_one" v-else>
|
|
<div class="right_one" v-else>
|
|
@@ -457,6 +441,12 @@ export default {
|
|
.dialog_change >>> .el-dialog__body {
|
|
.dialog_change >>> .el-dialog__body {
|
|
background: #f5f5f5;
|
|
background: #f5f5f5;
|
|
}
|
|
}
|
|
|
|
+.blue_box {
|
|
|
|
+ align-items: center;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: center;
|
|
|
|
+}
|
|
.blue_box,
|
|
.blue_box,
|
|
.blue_box_one {
|
|
.blue_box_one {
|
|
width: 30%;
|
|
width: 30%;
|
|
@@ -478,14 +468,15 @@ export default {
|
|
}
|
|
}
|
|
.blue_box > div:nth-child(1),
|
|
.blue_box > div:nth-child(1),
|
|
.blue_box_one > div:nth-child(1) {
|
|
.blue_box_one > div:nth-child(1) {
|
|
- line-height: 65px;
|
|
|
|
|
|
+ /* line-height: 65px; */
|
|
}
|
|
}
|
|
.blue_box_one > div:nth-child(1) {
|
|
.blue_box_one > div:nth-child(1) {
|
|
margin: 0 5px;
|
|
margin: 0 5px;
|
|
width: 40%;
|
|
width: 40%;
|
|
}
|
|
}
|
|
.blue_box > div:nth-child(2) {
|
|
.blue_box > div:nth-child(2) {
|
|
- line-height: 0px;
|
|
|
|
|
|
+ /* line-height: 0px; */
|
|
|
|
+ margin-top: 10px;
|
|
}
|
|
}
|
|
.blue_box_one > div:nth-child(1) {
|
|
.blue_box_one > div:nth-child(1) {
|
|
line-height: 65px;
|
|
line-height: 65px;
|