需求开发

pages/mine/mine.vue

@@ -101,6 +101,7 @@
                     <view class="row-left">
                         <image class="left-img" src="@/static/tabbar/chat4.png"></image>
                         <text class="left-text">消息</text>
+                        <text v-if="unreadNoticeCount > 0" class="unread-badge">{{ unreadNoticeCount > 99 ? '99+' : unreadNoticeCount }}</text>
                     </view>
                     <view class="row-right">
                         <uni-icons color="#909090" type="right" size="14"></uni-icons>
@@ -192,6 +193,9 @@ const feedbackPopup = ref(null);
 const { userInfo, Completion } = storeToRefs(useUserStore());
 const counts = ref({});
 
+// 计算未读消息数量
+const unreadNoticeCount = computed(() => counts.value.unreadNoticeCount || 0);
+
 // 提醒设置
 const reminderEnabled = ref(true);
 const reminderFrequency = ref('realtime');
@@ -442,6 +446,23 @@ function submitFeedback() {
                     font-size: 28rpx;
                     color: #333333;
                 }
+                .unread-badge{
+                    display: inline-flex;
+                    align-items: center;
+                    justify-content: center;
+                    min-width: 32rpx;
+                    height: 32rpx;
+                    padding: 0 10rpx;
+                    margin-left: 12rpx;
+                    background: linear-gradient(135deg, #FF4757, #FF6B81);
+                    border-radius: 16rpx;
+                    font-size: 20rpx;
+                    font-weight: 500;
+                    color: #FFFFFF;
+                    line-height: 32rpx;
+                    text-align: center;
+                    box-shadow: 0 2rpx 8rpx rgba(255, 71, 87, 0.4);
+                }
             }
             .row-right{
                 color: #6E6E6E;