From a0461c82b798ba1fdbd737b69216e4e9784289c7 Mon Sep 17 00:00:00 2001
From: Enzo <1284707383@qq.com>
Date: Fri, 6 Aug 2021 18:02:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B6=88=E6=81=AF=E6=8F=90=E7=A4=BA=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 canteen/pages/index/index.vue  | 11 +++++++----
 supplier/pages/index/index.vue | 11 +++++++----
 2 files changed, 14 insertions(+), 8 deletions(-)

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;