logo问题

src/components/liveProjectDetail.vue

@@ -9,8 +9,21 @@
     "
   >
     <div class="blackBottom">
-      <div style="color: #fff; line-height: 45px; padding-left: 15px">
-        人工智能风车实践课程
+      <div
+        style="
+          display: flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: stretch;
+          padding-left: 10px;
+        "
+      >
+        <div class="logoLive">
+          <img src="../assets/icon/logo.png" alt="" />
+        </div>
+        <div style="color: #fff; line-height: 45px; padding-left: 15px">
+          人工智能风车实践课程
+        </div>
       </div>
       <div
         style="
@@ -524,7 +537,8 @@ export default {
 .szt > img,
 .uploadImg > img,
 .uploadVedio > img,
-.uploadImgPic > img {
+.uploadImgPic > img,
+.logoLive > img {
   width: 100%;
   height: 100%;
 }
@@ -782,4 +796,7 @@ export default {
   width: 40px;
   margin-right: 20px;
 }
+.logoLive {
+  width: 35px;
+}
 </style>