导航条超出页面距离滚动

当导航条内容过多时需要设置滚动。
1.父元素设置为flex，其他不需要滚动的元素设置为flex-shrink:0(避免内容多出时把这里的元素挤压到只剩一个字。)max-width:calc(100%-500px)(假设500px是计算出来的其他元素占据的距离)
2.滚动的元素外部父元素设置overflow:scroll（这是外部的div，它的宽度是界面上显示出来的宽度）
3.内部设置white-space:nowrap(不允许换行)（这是所有子元素集合的div，它的宽度是所有元素集合的宽度）display:inline-block(否则它的宽度不能被内部元素撑开)
4.内部单独的每一个元素设置display:inline-block

这里写出来是要滚动的导航条，如果想要有左右点击按钮来控制滚动，并增加滑动效果：
1.增加两个button（可以自定义样式，这里没有写）
2.给列表页增加transform和transition样式，其中aniLeft表示滑动距离

3.检测当列表页宽度超出展示范围时显示左右按钮（！注意这里获取列表页内容宽度时要在this.$nextTick，因为列表页是动态赋值，在nextTick才能取到宽度值）
4.点击左右按钮进行滑动（这里设置每次滑动距离为展示距离的一半）