提交修改

pages/study/courseStudy.vue

@@ -75,13 +75,29 @@
 						<!-- </view> -->
 					</scroll-view>
 				</view>
-				<!--推荐课程-->
-				<view>
-					<course-list :items="recommendCourse"></course-list>
+				<!--交互-->
+				<view class="cinfo-btns">
+					<view class="cinfo-btn">
+						<view>图标</view>
+						<view>评价</view>
+					</view>
+					<view  class="cinfo-btn">
+						<view>图标</view>
+						<view>收藏</view>
+					</view>
+					<view  class="cinfo-btn">
+						<view>图标</view>
+						<view>转发</view>
+					</view>
 				</view>
 			</view>
+			
+		</view>
+		<!--推荐课程-->
+		<view style="padding: 30upx;background-color: #fff;">
+			<view style="color: #333333; font-size: 32upx;font-weight: 600;padding-bottom: 20upx;">课程推荐</view>
+			<course-list :items="recommendCourses"></course-list>
 		</view>
-		
 	</view>
 </template>
 
@@ -107,7 +123,7 @@
 				initContentId:'',//初始化的内容id
 				courseInfo:{id:'',name:''},//课程信息
 				teachers:[],//课程老师列表
-				recommendCourse:[],//推荐课程列表
+				recommendCourses:[],//推荐课程列表
 				isPlaying:false,
 				onplay:false,
 				touchNum : 0,
@@ -214,6 +230,7 @@
 			this.courseId=options.id;
 			this.courseInfo.id=options.id;
 			this.loadDetail();
+			this.loadReCourses();
 		},
 		onShow(){
 			uni.setNavigationBarTitle({ title:'\u200E' })
@@ -381,7 +398,16 @@
 				})
 			},
 			loadReCourses(){
-				//apiCoursePortal.
+				let dto={
+					sysType1:this.courseInfo.sysType1,
+					sysType2:this.courseInfo.sysType2,
+					sysType3:this.courseInfo.sysType3
+				}
+				apiCourseStudy.courseRecommends(dto).then(rs=>{
+					if(rs.status==200){
+						this.recommendCourses=rs.result;
+					}
+				})
 			},
 			loadAuthorInfo(list, ids) {
 			    //加载作者信息，头像，机构信息
@@ -492,5 +518,12 @@
 				font-weight: 700; font-size: 32upx;
 			}
 		}
+		.cinfo-btns{
+			display: flex;
+			justify-content: center;
+			.cinfo-btn{
+				margin:30upx 60upx;
+			}
+		}
 	}
 </style>