uniapp 导航栏tab切换 底下有个长方形跟着滑动

获取文字的宽度, 在拿到文字距离左侧的距离. 每次点击就更新一下宽度和left

     
                        var that = this;
			const query = uni.createSelectorQuery().in(that);
			query.select('#nav').boundingClientRect(data => {
				data.width;
                                data.left;
				console.log(JSON.stringify(data))
				
			}).exec();

在给这个元素添加过渡属性

transition: all .3s;