使用APICloud AVM框架实现App导航栏菜单

效果展示

APICloud的AVM官方框架中有一个 frame-group的组件，在此组件的基础上，将栏目导航中view标签换成了 scroll-view标签，并设置成允许横向滚动。

1、修改了标签的样式，以满足项目需要，其他开发者可根据项目具体要求进行样式的修改。

2、计算向右滚动的距离，实现活动frame-group中滑动页面的同时，导航栏也跟着向右滑动。

要点：

1、每个栏目的宽度要用百分比，因为不同手机屏幕的尺寸不一致，为了计算的精确和适配，最好使用百分比。用百分比的好处是，页面栏目能显示出来的数量是可以确定的，15% 的话就是7个（最后一个5%的部分被遮挡），20%的话就是5个，不用再去计算了。

2、如果在样式中有margin或者padding，在计算的时候需要把这些属性设置的值考虑进去。

目录结构 

代码源码