创新互联百度小程序教程:page-feed 信息流模板

  • page-feed 信息流模板
    • 示例
      • 图片示例
      • 代码示例
    • npm 依赖
    • Bug & Tip

    page-feed 信息流模板

    从开发者工具 v2.25.1-rc 版本开始支持。

    解释:信息流模板。包含下拉刷新、加载、多种信息流子项(纯文本、左文右图、大图、多图及视频模式)。

    示例

    扫码体验

    代码示例

    请使用百度APP扫码

    图片示例

    代码示例

    • SWAN
     
     
     
    1. s-if="!showPageStatus"
    2. class="smt-feed pull-down-refresh"
    3. pull-to-refresh
    4. bind:refresh="onRefresh"
    5. bind:scrolltolower="scrollToLower"
    6. bind:scroll="scrollHandler"
    7. text="{{text}}"
    8. >
    9. s-for="item in list"
    10. theme="{{item.theme}}"
    11. content="{{item.content}}"
    12. video="{{item.video}}"
    13. status="{{item.status}}"
    14. bindfeeditemtap="feedItemTap"
    15. >
    16. s-if="showPageStatus"
    17. class="content-loading"
    18. icon="{{loadingIcon}}"
    19. loading="{{loading}}"
    20. showBtn="{{loadingBtn}}"
    21. title="{{loadingTitle}}"
    22. loadingTitle="正在加载..."
    23. bind:smtreloading="reloadPage">

    npm 依赖

    名称版本号
    @smt-ui/componentlatest

    Bug & Tip

    • Tip:模板中使用的是测试数据,你需要从接口中获取真实的数据。
    • Tip:模板中内置了部分数据记录,你可以定义自己需要记录的数据。

    文章标题:创新互联百度小程序教程:page-feed 信息流模板
    URL链接:http://www.shufengxianlan.com/qtweb/news12/388462.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联