Uni-app/Vue实现微信小程序tab导航栏下划线切换动画

本文介绍移动端中常用的tab导航栏下划线动画，仅针对点击切换不支持滑动切换
html部分：

	<view class="tab-wrap">
		<view style="display: flex;width: 100vw;">
			<view
				class="menu-box"
				:class="activeindex === menuindex? 'active' : ' '"
				@tap="choosemenu(menuindex)"
				v-for="(menu,menuindex) in menulist"
				:key="menuindex">
				{
  {menu}}
			</view>
			<view class="bottom_line" :style="`left:${left}px`"></view>
		</view>
	</view>

CSS部分

.tab-wrap {
   
	position: relative;
	height: 160rpx;
	display: flex;
	align-items: flex-end;
}
.menu-box {
   
	width: 15%