样式修改

common/styles/global/pages.scss

@@ -1509,10 +1509,22 @@
 		}
 	}
 	.room-box{
-		display: flex;justify-content: space-between;color: #222;
-		.room-wcj{color:#adacb1;font-size: 36rpx;}
-		.room-num{font-size: 36rpx;}
+		display: flex;justify-content: space-between;align-items: center;color: #222;
+		.room-info-box{
+			min-width: 50%;text-align: center;padding: 50rpx 0;
+			}
+		.room-wcj{color:#adacb1;font-size: 48rpx;margin-bottom: 8rpx;}
+		.room-num{font-size: 42rpx;}
 		.room-text{font-size: 24rpx;}
 		.jr-btn{margin: 0;}
 	}
+	.yqkh-btn{margin-bottom: 24rpx;}
+	.ycms-tip-box{
+		margin-top: 48rpx;
+		.tip-title{
+			font-size: 26rpx;color: #222;display: flex;align-items: center;margin-bottom: 10rpx;
+			icon{width: 30rpx;height: 30rpx;background-image: url("@/static/images/common/mianshi-tip.svg");@include ezy-no-repeat-cover();}
+		}
+		.tip-text{font-size: 24rpx;color: #666;line-height: 1.8;}
+	}
 }

pages/admin/mianshi/index.vue

@@ -11,18 +11,25 @@
 					<view @click="handleClose" class="colse-btn">关闭房间</view>
 				</view>
 				<view class="room-box">
-					<view class="room-info-box`">
+					<view class="room-info-box">
 						<view class="room-wcj">未创建</view>
-						<view class="room-num">78979</view>
+						<view class="room-num" v-if="false">78979</view>
 						<view class="room-text">房间号</view>
 					</view>
 					<button @click="openUrl" type="default" class="phone-green-btn jr-btn">进入房间</button>
 					<!-- <button @click="openUrl2">进入房间2</button> -->
 				</view>
-				<button @click="handleCreate" type="default" class="phone-white-btn">邀请客户进入面试</button>
-				<button @click="handleCreate" type="default" class="phone-green-btn">创建房间</button>
+				<button @click="handleCreate" type="default" class="phone-white-btn yqkh-btn">邀请客户进入面试</button>
+				<button @click="handleCreate" type="default" class="phone-green-btn">创建面试房间</button>
+				
+				<view class="ycms-tip-box">
+					<view class="tip-title"><text>小贴士</text><icon></icon></view>
+					<view class="tip-text">1.创建房间后会生成房间号，生成房间号后，可进入房间，也可以直接分享给客户进入房间。</view>
+					<view class="tip-text">2. 结束面试后，房间内的人员会被退出，同时面试房间号会失效；</view>
+				</view>
 			</view>
 			
+			
 		</view>
 	</view>
 </template>