消息提示

canteen/pages/index/index.vue

@@ -7,14 +7,14 @@
 
 		</view>
 		<view class="list">
-			<view class="lf-row-between list-item" hover-class="lf-opacity"
-				v-for="(item, index) in block_list" :key="index"
-				@click="$url(item.path)">
+			<view class="lf-row-between list-item" hover-class="lf-opacity" v-for="(item, index) in block_list"
+				:key="index" @click="$url(item.path)">
 				<view class="lf-row-center">
 					<image class="icon-img" :src="item.icon"></image>
 					<text class="lf-text-vertical lf-m-l-20 lf-font-28 lf-color-black">{{ item.name }}</text>
 				</view>
-				<view>
+				<view class="lf-flex">
+					<view class="message-tag" v-if="index == 1">1</view>
 					<u-icon name="arrow-right"></u-icon>
 				</view>
 			</view>
@@ -51,7 +51,7 @@
 					this.block_list = res.data.block;
 					this.canteen = res.data.canteen;
 					uni.setNavigationBarTitle({
-					　　title: this.canteen.user.canteen.canteen_name
+						title: this.canteen.user.canteen.canteen_name
 					})
 				})
 			},
@@ -79,10 +79,24 @@
 	}
 </style>
 <style lang="scss" scoped="scoped">
+	.message-tag {
+		width: 36rpx;
+		height: 36rpx;
+		background-color: red;
+		border-radius: 50%;
+		margin-right: 10rpx;
+		text-align: center;
+		align-content: center;
+		color: white;
+		display: flex;
+		justify-content: space-around;
+	}
+
 	.head {
 		height: 374rpx;
 		width: 750rpx;
 		background-color: #FFFFFF;
+
 		image {
 			width: 200rpx;
 			height: 200rpx;
@@ -90,6 +104,7 @@
 			border-radius: 50%;
 		}
 	}
+
 	.list {
 		margin-top: 20rpx;
 		padding: 0 32rpx;
@@ -97,15 +112,18 @@
 		width: 100%;
 		height: auto;
 	}
+
 	.list-item {
 		border-bottom: 1rpx solid #EEEEEE;
 		height: 110rpx;
 		box-sizing: border-box;
 		position: relative;
+
 		.icon-img {
 			width: 50rpx;
 			height: 50rpx;
 		}
+
 		.feedback-btn {
 			position: absolute;
 			width: 100%;
@@ -113,10 +131,12 @@
 			z-index: 1;
 			background: transparent;
 		}
+
 		&:last-child {
 			border-bottom: none;
 		}
 	}
+
 	.exit {
 		padding: 0 32rpx;
 		// bottom: 50rpx; 
@@ -124,6 +144,7 @@
 		padding-bottom: 50rpx;
 		box-sizing: border-box;
 		background-color: #F6F6F6;
+
 		button {
 			background-color: #f0f0f0;
 			color: #777777;

supplier/pages/index/index.vue

@@ -13,7 +13,8 @@
 					<image class="icon-img" :src="item.icon"></image>
 					<text class="lf-text-vertical lf-m-l-20 lf-font-28 lf-color-black">{{ item.name }}</text>
 				</view>
-				<view>
+				<view class="lf-flex">
+					<view class="message-tag" v-if="index == 2">1</view>
 					<u-icon name="arrow-right"></u-icon>
 				</view>
 			</view>
@@ -80,6 +81,19 @@
 	}
 </style>
 <style lang="scss" scoped="scoped">
+	.message-tag {
+		width: 36rpx;
+		height: 36rpx;
+		background-color: red;
+		border-radius: 50%;
+		margin-right: 10rpx;
+		text-align: center;
+		align-content: center;
+		color: white;
+		display: flex;
+		justify-content: space-around;
+	}
+	
 	.head{
 		height: 374rpx;
 		width: 750rpx;

supplier/pages/order/detail.vue

@@ -26,7 +26,7 @@
 				<view class="lf-color-black">{{ order.created_at }}</view>
 			</view>
 			<view class="lf-row-between list">
-				<view>过期时间</view>
+				<view>有效时间</view>
 				<view class="lf-color-black">{{ order.deadline_text }}</view>
 			</view>
 		</view>