1.视频播放统计 相关

myPackageA/videoProject/videoDetail.vue

@@ -9,17 +9,33 @@
 			@scrolltolower="scrolltolower">
 			@scrolltolower="scrolltolower">
 			<view class="videoDetailBox">
 			<view class="videoDetailBox">
 				<view class="videoTitleBox">
 				<view class="videoTitleBox">
-					{{courseInfo.fileTitle}}
+					<view>
+						{{courseInfo.fileTitle}}
+					</view>
+					<view class="iconBottom">
+						<text class="iconfont icon-youjiantou"></text>
+					</view>
 				</view>
 				</view>
 				<view class="videoUser">
 				<view class="videoUser">
-
+					<view class="videoUserImage">
+						<image :src="lecturerInfo.lecturerUrl" style="height: 70rpx;border-radius: 200rpx;" mode="aspectFit"></image>
+					</view>
+					<view class="videoUserContent">
+						<view class="videoUserName">
+							{{lecturerInfo.lecturerName}}
+						</view>
+						<!-- <view class="videoUserRank">
+							高级讲师
+						</view> -->
+					</view>
 				</view>
 				</view>
 				<view class="videoDetail">
 				<view class="videoDetail">
-
+					<view style="color: #414141;" v-html="courseInfo.fileIntroduce"></view>
 				</view>
 				</view>
+				
 			</view>
 			</view>
 			<view style="border-top: 1rpx solid #eee;">
 			<view style="border-top: 1rpx solid #eee;">
-
+					
 			</view>
 			</view>
 			<view class="relatedVideoBox">
 			<view class="relatedVideoBox">
 				<view class="tagBox">
 				<view class="tagBox">
@@ -64,9 +80,14 @@
 	let courseInfo = ref({
 	let courseInfo = ref({
 		filePathOss: '',
 		filePathOss: '',
 		fileFirstImage: '',
 		fileFirstImage: '',
-		fileTitle:''
+		fileTitle:'',
+		fileIntroduce:''
+	});
+	let lecturerInfo = ref({
+		lecturerUrl:'',
+		lecturerName:'',
+		lecturerIntroduce:''
 	});
 	});
-	let lecturerInfo = ref({});
 
 
 
 
 	//滑动到底事件
 	//滑动到底事件
@@ -147,12 +168,41 @@
 
 
 <style lang="scss">
 <style lang="scss">
 	.content {
 	.content {
+		color: #000;
 		.videoDetailBox {
 		.videoDetailBox {
-			padding: 25rpx;
-
+			padding:15rpx 25rpx 0rpx 25rpx;
+			position: relative;
 			.videoTitleBox {
 			.videoTitleBox {
 				font-weight: 600;
 				font-weight: 600;
-				font-size: 32rpx
+				font-size: 32rpx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				.iconBottom{
+					transform:rotate(90deg) ;
+				}
+			}
+			.videoUser{
+				display: flex;
+				align-items: center;
+				margin: 20rpx 0 10rpx 0 ;
+				.videoUserContent{
+					// .videoUserRank{
+					// 	background: #5359CD;
+					// 	border-radius: 10rpx;
+					// 	color: #fff;
+					// 	padding: 4rpx 20rpx;
+						
+					// }
+					.videoUserName{
+						padding-bottom: 20rpx;
+					}
+				}
+				.videoUserImage{
+					width:70rpx;
+					margin-right: 15rpx;
+					
+				}
 			}
 			}
 		}
 		}