直播房间及状态

src/assets/css/xpwyfyy.css

@@ -729,6 +729,7 @@ h3 {
 	border-radius: 50%;
 	margin: 5.5px 0;
 	float: right;
+	object-fit: cover;
 }
 
 .vongi-editme .mui-input-row input,
@@ -2224,7 +2225,13 @@ h3 {
 	border: 0;
 	width: 50%;
 }
-
+.vongi-popup-inner .vongi-login-btn button{
+	border:1px #ccc solid;
+	width:100%
+}
+.vongi-popup-inner .vongi-login-btn button .iconfont{
+	margin-right:5px
+}
 .vongi-popup-inner .mui-button-row:after {
 	width: 1px;
 	height: 100%;
@@ -2238,6 +2245,12 @@ h3 {
 	background-color: #c8c7cc;
 	left: 0
 }
+.vongi-zbfj-pop{
+	top:10%
+}
+.vongi-zbfj-pop img{
+	width:70%
+}
 
 .vongi-input-up {
 	padding: 0 10px

src/projects/pension/views/Master/Line/room.vue

@@ -1,6 +1,47 @@
 <template>
 <div>
+    <header class="mui-bar mui-bar-nav">
+				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+				<h1 class="mui-title">直播房间</h1>
+			</header>
+			<div class="mui-content vongi-zbfj">
+				<div class="mui-content-padded">
+					<div class="fyy-video">
+						<!--未开播状态-->
+						<!--<div class="mui-media-body">
+							<img src="~$project/assets/img/gkke02.png" width="50"/>
+							<h6>该直播间未开播</h6>
+						</div>-->
+						<video src="" width="100%" controls></video>
+					</div>
+					<div class="mui-table-view-cell flew-sp">
+						新世纪幼儿园小（2）班
+						<span class="color4fc5f7">[正在直播]</span>
+					</div>
+				</div>
+				<div class="mui-table-view-cell flew">
+					紧急联系热线
+					<button class="mui-btn" type='button'>0716-8121234<span class="iconfont icon-ziyuan1"></span></button>
+				</div>
+			</div>
+			<!--挂机弹窗-->
+			<!-- <div class="vongi-popup">
+				<div class="vongi-popup-bg"></div>
+				<div class="vongi-popup-ceter vongi-zbfj-pop" style="top:10%">
+					<div class="vongi-popup-inner">
+						<div class="vongi-popup-ma">
+							<img src="~$project/assets/img/lad.png" width="50%">
+							<h3>还在观看吗？</h3>
 
+						</div>
+						<div class="vongi-btn vongi-login-btn">
+							<button class="mui-btn mui-btn-pink"><spn class="iconfont icon-bofang"></spn>继续观看</button>
+							<button class="mui-btn "><spn class="iconfont icon-tuichu4"></spn>结束观看</button>
+						</div>
+					</div>
+
+				</div>
+			</div> -->
 </div>
 </template>