禁用上下节按钮

src/views/programming/Interface.vue

@@ -80,12 +80,12 @@
         <!-- 视频切换按钮 - 始终显示 -->
         <div class="video-switch">
           <div class="caret-left" @click="playPreviousVideo">
-            <el-button type="warning" round>
+            <el-button type="warning" round :disabled="props.courseList.findIndex(item => item.id === course.id) === 0">
               <img :src="leftImg" alt="Left" />上一节</el-button 
             >
           </div>
           <div class="caret-right" @click="playNextVideo">
-            <el-button type="warning" round
+            <el-button type="warning" round :disabled="props.courseList.findIndex(item => item.id === course.id) === props.courseList.length - 1"
               >下一节<img :src="rightImg" alt="Right" />
             </el-button>
           </div>

src/views/programming/ProgrammingCourset.vue

@@ -32,7 +32,7 @@
         <div v-if="!showVideo" class="carousel-btn prev-btn" @click="prevSlide" :disabled="currentIndex === 0">
           <el-icon class="btn-icon"><ArrowLeftBold /></el-icon>
         </div>
-        
+         
         <!-- 动态渲染课程内容 -->
         <div 
           v-for="(item, index) in displayItems"