小程序内容滚动导航体验提升
滚动导航 在商城小程序中是非常常见的
当scroll-view 超出宽度时 滑动滑块 双向联动 样式很可能不在中间
实现业务逻辑
1.滚动区域
2.内容滑块
3.双向联动
4.scroll-left
通过scroll-view实现,一般都是会配合样式的动态改变 动态改变主要通过一个三项式来实现的 {{ index1 ==item.id ?‘active’:’’ }}
实现了滚动区域之后和动态样式之后
接下来实现的是 swiper滑块部分 然后 通过swiper的current属性和 动态样式的index1的对接来实现双向绑定
接下来需要做的是 用户的体验提升 也就是说让动态显示的样式一直处在屏幕中