开发消息页弹窗，创建考试排行榜页面

src/components/examination/touchBtn.vue

@@ -142,7 +142,7 @@
 			startTimer.value = null;
 		}
 		const endTime = Date.now();
-		const times = Math.max(400 - endTime + startTime, 0);
+		const times = Math.max(500 - endTime + startTime, 0);
 		setTimeout(() => {
 			console.log('延迟数据', times);
 			nextTick(() => {
@@ -150,7 +150,7 @@
 				recorderManager.stop();
 			});
 		}, times);
-		nextTick(() => setTimeout(() => recordingStatus.value = 'not_started', 300));
+		nextTick(() => recordingStatus.value = 'not_started');
 	};
 	
 	onMounted(async () => {

src/components/nav-bar/nav-bar.vue

@@ -34,13 +34,11 @@
 	.nav-bar-seat {
 		width: 100%;
 		height: var(--status-bar-height);
-		height: 200rpx;
-		background-color: gold;
 	}
 
 	.nav-bar-div {
 		z-index: 2001;
 		width: 100%;
-		// position: relative;
+		position: relative;
 	}
 </style>

src/pages/examRanking/index.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

src/pages/messageNotification/index.vue

@@ -66,7 +66,7 @@
 							{{ item.noticeContent }}
 						</view>
 						<!-- <view class="num_div"></view> -->
-						<view class="read_div" v-if="item.isRead"></view>
+						<view class="read_div" v-if="item?.isRead === '01'"></view>
 					</view>
 				</view>
 			</view>
@@ -174,9 +174,14 @@
 	};
 
 	const readMessage = () => {
-		readNotice({ noticeId: popup_info.id }).then(() => {
-			// todo
+		readNotice({ noticeId: popup_info.id }).then((res) => {
 			popup.value.close();
+			data_list.forEach((item) => {
+				if (item.noticeId === popup_info.id) {
+					item.isRead = res.body.isRead;
+					return;
+				}
+			});
 		});
 	};
 	// 读取消息

src/pages/testingHall/details.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="main_div max_page">
-		<nav-bar backgroundColor="red"></nav-bar>
+		<view class="my-nav-bar"></view>
 		<view class="body-title">
 			<view class="back_div" @click="common.navigateBack()">
 				<view class="back-icon"></view>
@@ -356,18 +356,22 @@
 	}
 
 	.main_div {
-		// display: flex;
-		// flex-direction: column;
-		// align-items: center;
-		// overflow: hidden;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		overflow: hidden;
 		
 	}
-
+	.my-nav-bar{
+		width: 100%;
+		height: calc(var(--status-bar-height) - 40rpx);
+		background-color: #337FFF;
+	}
 	.body-title {
 		
 		background-color: #337FFF;
 		width: 100%;
-		// position: relative;
+		position: relative;
 		text-align: center;
 		height: 120rpx;
 		line-height: 100rpx;