ListContianer.js组件囊括了剩下的其他组件,组成了app的主页面部分
主页面从上向下有头部的标题视差滚动组件,filter显示组件,滚动橱窗组件,主显示页面组件,显示条目组件。如果在common文件夹看到一堆文件有点头疼,就是源于这个父组件的复杂性。不过先把其他组件代码看完了,再来看这个组件,文件就少一点。文件虽然很多但是都有归属,很有条理的。
/*f8app/js/common/ListContainer.js
导入的组件
*/
var F8Header = require('F8Header'); //头部组件
var F8SegmentedControl = require('F8SegmentedControl');//滚动橱窗的控制部分
var ParallaxBackground = require('ParallaxBackground');//视差滚动图片的背景
var View = require('View'); //视图组件
var { Text } = require('F8Text'); //文本组件
var ViewPager = require('./ViewPager'); //主页面组件