个人主页动态样式问题

src/components/HomePage/courseList.vue

@@ -9,7 +9,8 @@
               <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
             </span>
           </p>
-            <div style="width:254px">
+          <div style="display:flex;">
+               <div style="width:254px">
                 <course-image width="254px" height="144px" :course="item.info"></course-image>
             </div>
             
@@ -28,6 +29,8 @@
                     <el-button class="btn" type="primary" @click="jumpDetail(item.info)">继续学习</el-button>
                 </div>
             </div>
+          </div>
+           
         </li>
       </ul>
       <div v-else class="home-no-list">
@@ -82,7 +85,6 @@
         padding-top: 32px;
     }
   .data-info{
-    display: flex;
     border-bottom: 1px solid rgba($color: #999999, $alpha: 0.2);
     padding-bottom: 38px;
     margin-bottom: 32px;