diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 43089de3..5628c0cf 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -14,7 +14,7 @@
 				<view class="message_div">
 					<image src="@/static/images/index/message_b.png" class="message_img"></image>
 					<view class="message_text">消息</view>
-					<view class="message_num">30</view>
+					<view class="message_num message_num_font">30</view>
 				</view>
 			</view>
 
@@ -32,7 +32,7 @@
 				<view class="message_div">
 					<image src="@/static/images/index/message.png" class="message_img"></image>
 					<view class="message_text">消息</view>
-					<view class="message_num">
+					<view class="message_num message_num_font">
 						30
 					</view>
 				</view>
@@ -593,15 +593,24 @@
 					position: absolute;
 					top: 2rpx;
 					right: -4rpx;
-					padding: 1rpx 1rpx 1rpx 2rpx;
+					padding: 2rpx 3rpx 2rpx 3rpx;
 					background-color: #ff1926;
 					border-radius: 10rpx;
-					width: 22rpx;
-					height: 20rpx;
-					font-size: 10rpx;
+					// width: 22rpx;
+					// height: 20rpx;
+					// font-size: 10rpx;
+					// font-size: 30rpx;
 					color: #ffffff;
 
 				}
+				.message_num_font {
+					width: 22rpx;
+					height: 22rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					font-size: 16rpx;
+				}
 			}
 
 		}
@@ -643,15 +652,23 @@
 					position: absolute;
 					top: 2rpx;
 					right: -4rpx;
-					padding: 1rpx 1rpx 1rpx 2rpx;
+					padding: 2rpx 3rpx 2rpx 3rpx;
 					background-color: #ff1926;
-					border-radius: 10rpx;
-					width: 22rpx;
-					height: 20rpx;
-					font-size: 10rpx;
+					border-radius: 20rpx;
+					// width: 22rpx;
+					// height: 20rpx;
+					// font-size: 10rpx;
 					color: #ffffff;
 
 				}
+				.message_num_font {
+					width: 22rpx;
+					height: 22rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					font-size: 16rpx;
+				}
 			}
 		}
 
@@ -717,7 +734,7 @@
 				display: flex;
 				justify-content: space-around;
 				z-index: 20;
-				
+				opacity: .9;
 				.item {
 					flex: 1;
 					// background-color: red;