学习助手样式修复

src/views/questioncenter/components/learn-record.vue

@@ -110,15 +110,15 @@
     </div>
     <div class="record_contian">
       <div class="tit">学习记录</div>
-      <div class="video_contian" v-if="videoRecord.length > 0">
-        <div class="video_item" v-for="item in videoRecord" :key="item.id">
-          <img :src="item.pict" alt="" />
+      <el-row :gutter="20" class="fx-row" v-if="videoRecord.length > 0">
+        <el-col :span="12" class="video_item" v-for="item in videoRecord" :key="item.id">
+          <img  style="width: 100%" :src="item.pict" alt="" />
           <p>{{ item.title }}</p>
           <p>
             {{ item.percent > 90 ? "已看完" : "观看" + item.percent + "%" }}
           </p>
-        </div>
-      </div>
+        </el-col>
+      </el-row>
       <evaluation-empty v-else shadow title="暂无数据"></evaluation-empty>
     </div>
     <div class="record_contian">
@@ -600,26 +600,14 @@ export default {
   font-size: 16px;
 }
 
-.video_contian {
-  display: flex;
-}
 
-.video_contian img {
-  width: 200px;
-}
-
-.video_contian .video_item {
-  margin-right: 80px;
-}
-
-.video_contian .video_item > p:first-child {
+ .video_item > p:first-child {
   color: #4a4a4a;
   font-size: 14px;
   margin-top: 7px;
   margin-bottom: 4px;
 }
-
-.video_contian .video_item > p:last-child {
+ .video_item > p:last-child {
   font-size: 12px;
   color: #bdbdbd;
 }