加学习中图标

components/course/courseSection.vue

@@ -1,6 +1,6 @@
 <template>
 	<view style="display: flex;justify-content: space-between;align-items: center;" @click="getVideo">
-		<view style="display: flex;justify-content: space-between;margin: 20rpx 0;width: 100%;">
+		<view style="display: flex;justify-content: space-between; align-items: center;margin: 20rpx 0;width: 100%;">
 			<view style="display: flex;align-items: center;flex:1;">
 				<view class="tag tagColor1" v-if="menuItem.sectionType==1">视频</view>
 				<view class="tag tagColor2" v-if="menuItem.sectionType==2">直播</view>
@@ -39,6 +39,11 @@
 					</view>
 				</view>
 				<view v-if="menuItem.sectionType==null">{{menuItem.name || ''}}</view>
+				<!-- 学习中 -->
+				<view v-if="playSectionId==newId && playNextId==playId" class="learnings">
+					<image src="/pages3/static/imgs/learning_icon.gif" class="learning_icon"></image>
+					<text>学习中</text>
+				</view>
 			</view>
 			<view style="font-size: 20rpx;color: #FF3B30;"  v-if="menuItem.liveStartTime && menuItem.sectionType != 3 && isBuy">
 				
@@ -648,4 +653,16 @@ export default {
 			margin-right: 6rpx;
 		}
 	}
+	.learnings {
+		font-size: 24rpx;
+		color: #0A7DDA;
+		display: flex;
+		align-items: center;
+		margin-right: 8rpx;
+		.learning_icon {
+			width: 40rpx;
+			height: 40rpx;
+			margin-right: 4rpx;
+		}
+	}
 </style>