diff --git a/canteen/pages/index/index.vue b/canteen/pages/index/index.vue
index 0b648c4..6484865 100644
--- a/canteen/pages/index/index.vue
+++ b/canteen/pages/index/index.vue
@@ -14,7 +14,10 @@
 					<text class="lf-text-vertical lf-m-l-20 lf-font-28 lf-color-black">{{ item.name }}</text>
 				</view>
 				<view class="lf-flex">
-					<view class="message-tag" v-if="index == 1">1</view>
+					<view v-if="item.unread">
+						<view class="message-tag" v-if="item.unread < 99">{{item.unread}}</view>
+						<view class="message-tag" v-else>99+</view>
+					</view>
 					<u-icon name="arrow-right"></u-icon>
 				</view>
 			</view>
@@ -80,13 +83,13 @@
 </style>
 <style lang="scss" scoped="scoped">
 	.message-tag {
-		width: 36rpx;
-		height: 36rpx;
+		width: 60rpx;
+		height: 60rpx;
 		background-color: red;
 		border-radius: 50%;
 		margin-right: 10rpx;
 		text-align: center;
-		align-content: center;
+		align-items: center;
 		color: white;
 		display: flex;
 		justify-content: space-around;
diff --git a/supplier/pages/index/index.vue b/supplier/pages/index/index.vue
index 3f59ddf..043cb76 100644
--- a/supplier/pages/index/index.vue
+++ b/supplier/pages/index/index.vue
@@ -14,7 +14,10 @@
 					<text class="lf-text-vertical lf-m-l-20 lf-font-28 lf-color-black">{{ item.name }}</text>
 				</view>
 				<view class="lf-flex">
-					<view class="message-tag" v-if="index == 2">1</view>
+					<view v-if="item.unread">
+						<view class="message-tag" v-if="item.unread < 99">{{item.unread}}</view>
+						<view class="message-tag" v-else>99+</view>
+					</view>
 					<u-icon name="arrow-right"></u-icon>
 				</view>
 			</view>
@@ -82,13 +85,13 @@
 </style>
 <style lang="scss" scoped="scoped">
 	.message-tag {
-		width: 36rpx;
-		height: 36rpx;
+		width: 60rpx;
+		height: 60rpx;
 		background-color: red;
 		border-radius: 50%;
 		margin-right: 10rpx;
 		text-align: center;
-		align-content: center;
+		align-items: center;
 		color: white;
 		display: flex;
 		justify-content: space-around;