视频弹框添加标题

monitorMobile/pages/monitor/index.vue

@@ -6,11 +6,11 @@
 			</view>
 			<view class="contentBox">
 				<view class="closeBox">
-					<view class="">
-						
+					<view class="title">
+						{{sensorName+'(' + sensorId + ')'}}
 					</view>
 					<view class="closes" @click="closeDialog">
-						<u-icon name="close-circle-fill" color="#ccc" size="24"></u-icon>
+						<u-icon name="close-circle-fill" color="#ccc" size="22"></u-icon>
 					</view>
 				</view>
 				<view class="botbox">
@@ -117,7 +117,7 @@
 									所属学校：演示学校
 								</view>
 							</view>
-							<view class="rightBox btoBox" @click="startClick(item.sensorId)">
+							<view class="rightBox btoBox" @click="startClick(item.sensorId,item.sensorName)">
 								<view class="txt">
 									播放
 								</view>
@@ -183,6 +183,7 @@
 				showChild: true,
 				player: null,
 				sensorId: '',
+				sensorName: '',
 				videoUrl: '',
 				streamId: '',
 				videoToken: '',
@@ -335,8 +336,9 @@
 				});
 			},
 			// 获取视频地址
-			startClick(id) {
+			startClick(id,name) {
 				this.sensorId = id;
+				this.sensorName = name;
 				this.showVideo = true;
 
 				startUrl({
@@ -441,6 +443,10 @@
 					align-items: center;
 					padding: 0 25rpx;
 					background: #fff;
+					.title {
+						font-weight: 700;
+						font-size: 28rpx;
+					}
 					.closes {
 						
 						// background: #ccc;