cd

src/components/courseDetail.vue

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