课件预览 细节优化

src/views/course/CoursewarePreview.vue

@@ -5,7 +5,7 @@
       <a-button size="small" @click="goback">返回</a-button>
     </template>
 
-    <div style="width:100%;height:600px">
+    <div style="width:100%;height:600px;">
       <a-row class="left">
         <a-col :span="14">
           <!-- 这里面对应放视频 -->
@@ -23,9 +23,10 @@
               </div>
             </a-card>
           </div>
-
         </a-col>
-        <a-col :span="10" style="flex-shrink: 0;">
+        <a-divider type="vertical" :dashed="false"/>
+        <a-divider type="vertical" :dashed="false"/>
+        <a-col :span="10" style="flex-shrink: 0; background-color: #f0f2f5">
           <div>
             <a-tabs default-active-key="1" @change="callback" style="margin-left: 50px">
               <a-tab-pane key="1" tab="课件" style="font-weight: bold">
@@ -37,6 +38,10 @@
                 </a-radio-group>
               </a-tab-pane>
               <a-tab-pane key="2" tab="课中检测" force-render>
+                <div v-if="question.length == 0">
+                  <a-empty description="还没有设置必选题~~" />
+                </div>
+                <div v-if="question.length != 0">
                   <div style="margin-left: 10px;" v-for="(item,index) in question" :key="index">
                     <h1 style="font-weight: bold;" v-if="question != null && question.length != 0">
                       {{index+1}}.（{{ item.questionTypeName }}）{{ item.questionName }}
@@ -72,6 +77,7 @@
                     </div>
                     <a-divider :style="{ backgroundColor: '#000' }" />
                   </div>
+                </div>
               </a-tab-pane>
             </a-tabs>
           </div>