diff --git a/components/lf-tabbar/lf-tabbar.vue b/components/lf-tabbar/lf-tabbar.vue index 81a797d..7e2138d 100644 --- a/components/lf-tabbar/lf-tabbar.vue +++ b/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);} + } +