修改index页样式

pages/index/index.vue

@@ -22,11 +22,14 @@
 							<text>{{item.name}}</text>
 						</view>
 						<view class="item-container">
-
 							<view class="thumb-box" v-for="(item1, index1) in item.children" :key="index1"
 								@click="openCheck(item1.path)">
 								<view class="" style="position: relative; ">
-									<u-badge v-if="item1.count>0" type="error" :count="item1.count" :offset="position" :showZero ="false"></u-badge>
+								<!-- 	<u-badge  class="item-menu-badge" v-if="item1.count>0" type="error" :count="item1.count" :offset="position"
+										:showZero="false"></u-badge> -->
+									<text class="item-menu-badge"
+										v-if="item1.count>0">{{item1.count>9?'9+':item1.count}}</text>
+
 									<image class="item-menu-image" :src="'/static/menus/'+item1.componentName" mode="">
 									</image>
 									<view class="">
@@ -169,22 +172,22 @@
 				this.timer = setInterval(function() {
 					that.getMainMessage();
 					console.log('刷新菜单');
-				}, 1000*60)
+				}, 1000 * 60)
 			},
-			stopRefresh(){
+			stopRefresh() {
 				if (this.timer) {
 					clearInterval(this.timer);
 					this.timer = null;
 				}
 			},
-			getMainMessage(){
+			getMainMessage() {
 				getMainMessage().then(res => {
 					this.menusCount = res.data;
-					this.tabbar.forEach(item=>{
+					this.tabbar.forEach(item => {
-						item.children.forEach(rightItem=>{
+						item.children.forEach(rightItem => {
 							var count = this.menusCount[rightItem.component]
-							if(count!=undefined){
+							if (count != undefined) {
-								rightItem.count =count;
+								rightItem.count = count;
 							}
 						})
 					})
@@ -472,7 +475,13 @@
 		height: 32px;
 	}
 
-	.index_badge {
+	.item-menu-badge {
+		width: 42rpx;
+		height: 42rpx;
+		top: -5px;
+		right: -5px;
+		font-size: 0.6rem;
+		background-color: #fa3534;
 		position: absolute;
 		right: 0;
 		color: #fff;