美文网首页javascriptf8app
f8app代码学的要点(5)-ListContainer组件

f8app代码学的要点(5)-ListContainer组件

作者: smartphp | 来源:发表于2016-10-27 20:49 被阅读16次

    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'); //主页面组件
    

    相关文章

      网友评论

        本文标题:f8app代码学的要点(5)-ListContainer组件

        本文链接:https://www.haomeiwen.com/subject/gossuttx.html