1、标题图片引入

src/views/programming/ProgrammingCourset.vue

@@ -13,7 +13,7 @@
       </div>
       <!-- 标题 -->
     <div class="top-center-box" v-if="!showVideo">
-      <div class="top-center-inner-box" style="background-image: url('./src/assets/programming/list_title.png');">
+      <div class="top-center-inner-box">
         <span>{{ pageTitle }}</span>
       </div>
     </div>
@@ -356,6 +356,7 @@ const goBackIndex = () => {
 .top-center-inner-box{
   width: 100%;
   height: 100%;
+  background-image: url('@/assets/programming/list_title.png');
   background-size: 70%; 
     background-repeat: no-repeat;
     background-position: center center; /* 背景图垂直水平居中 */

src/views/programming/ProgrammingGame.vue

@@ -11,7 +11,7 @@
           </div>
         </div>
         <div class="top-center-box">
-          <div class="top-center-inner-box" style="background-image: url('./src/assets/programming/list_title.png');">
+          <div class="top-center-inner-box">
             <span>AI编程课</span>
           </div>
         </div>
@@ -300,6 +300,7 @@ const goToHomePage = () => {
   height: 100%;
 }
 .top-center-inner-box{
+    background-image: url('@/assets/programming/list_title.png');
     background-size: 70%; 
     background-repeat: no-repeat;
     background-position: center center; /* 背景图垂直水平居中 */

src/views/programming/ProgrammingList.vue

@@ -11,7 +11,7 @@
           </div>
         </div>
         <div class="top-center-box">
-          <div class="top-center-inner-box" style="background-image: url('./src/assets/programming/list_title.png');">
+          <div class="top-center-inner-box">
             <span>{{ pageTitle }}</span>
           </div>
         </div>
@@ -410,6 +410,7 @@ const disableBlockly = (blocklyId = categoryId.value) => {
   height: 100%;
 }
 .top-center-inner-box{
+  background-image: url('@/assets/programming/list_title.png');
     background-size: 70%; 
     background-repeat: no-repeat;
     background-position: center center; /* 背景图垂直水平居中 */