优化tabbar组件

components/lf-tabbar/lf-tabbar.vue

@@ -55,6 +55,7 @@
 			clickTab(item, index){
 				if(this.currentTabBar == index) return;
 				this.$store.commit('setCurrentTabBar', index);
+				uni.vibrateShort();
 				this.$url(item.path, {type: this.type});
 			}
 		}
@@ -108,10 +109,11 @@
 						display: flex;
 						justify-content: center;
 						align-items: center;
-						transform: translateY(-20rpx) scale(1.4);
+						// transform: translateY(-20rpx) scale(1.4);
 						border-radius: 50%;
 						color: #FFFFFF;
 						overflow: hidden;
+						animation: wobble 1s .2s ease both;
 						text{
 							transform: scale(0.8);
 						}
@@ -124,4 +126,16 @@
 			}
 		}
 	}
+	
+	@keyframes wobble{
+		0%{transform:translateX(0%)}
+		15%{transform:translateX(-25%) rotate(-5deg)}
+		30%{transform:translateX(20%) rotate(3deg)}
+		45%{transform:translateX(-15%) rotate(-3deg)}
+		60%{transform:translateX(10%) rotate(2deg)}
+		75%{transform:translateX(-5%) rotate(-1deg)}
+		99%{transform:translateX(0%)}
+		100%{transform: translateY(-20rpx) scale(1.4);}
+	}
+
 </style>