APP热更新

pages/find/index/index.vue

@@ -11,9 +11,11 @@
 				:thumbSize="thumbSize" 
 				showArrow
 				to="/pages/find/friend-circle/friend-circle">
-				<view slot="footer" v-if="last_unread_item&&last_unread_item.avatar.length>0">
-					<u-avatar :src="last_unread_item.avatar" mode="square" :size="70"></u-avatar>
-					<u-badge :is-dot="true" type="error" :offset="[20,60]"></u-badge>
+				<view slot="footer" v-if="storeCircleTopUnreadItems.length>0">
+					<view class="avatargroup">
+						<MyAvatar :src="item.user.avatar" shape="circle" size="32" v-for="(item,index) in storeCircleTopUnreadItems" :key="index"></MyAvatar>
+						<u-avatar :text="'+'+storeCircleUnreadCount" size="32" bg-color="#353432" shape="circle"></u-avatar>
+					</view>
 				</view>
 			</uni-list-item>
 		</uni-list>
@@ -31,21 +33,17 @@
 
 <script>
 	import { mapGetters } from "vuex";
+	import MyAvatar from "@/components/MyAvatar/index.vue";
 	import util from "@/util";
 	export default {
+		components:{MyAvatar},
 		data() {
 			return {
 				thumbSize:"base"
 			};
 		},
 		computed:{
-			...mapGetters(["config"]),
-			circleUnreadCount() {
-				return this.$store.getters.storeCircleUnreadCount;
-			},
-			last_unread_item() {
-				return this.$store.getters.storeCircleLastUnreadItem;
-			},
+			...mapGetters(["config",'storeCircleUnreadCount','storeCircleTopUnreadItems']),
 		},
 		onShow: function() {
 			let unreadCount= 1;
@@ -61,4 +59,12 @@
 	.workbench_page {
 		background-color: #ececec !important;
 	}
+	.avatargroup{
+		display: flex;
+		.u-avatar {
+		    position: relative;
+		    margin-left: -16px;
+		    //border: 1px solid #333;
+		}
+	}
 </style>