创新互联百度小程序教程:feed-item信息流子项

  • feed-item 信息流子项
    • 属性说明
    • 示例
      • 代码示例
    • Bug & Tip

    feed-item 信息流子项

    解释:信息流子项,包括左文右图、纯文本、上文下图、多图及视频模式。

    专注于为中小企业提供成都网站设计、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业扎鲁特旗免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

    属性说明

    属性名 类型 必填 默认值 说明

    theme

    String

    default

    信息流子项的主题。default:左文右图模式,如不配置 content 中的 images 则是纯文本子项;large-image:大图模式;multiple-images:多图模式

    content

    Object

    {title: ‘这个是子项的标题’,infoSource: ‘百度新闻’,commentsNum: 2,images: []}

    信息流子项目的内容,包含标题(title),消息来源(infoSource),评论数(commentsNum),图片路径(images)

    video

    Object

    {isVideo: true, time: ‘05:00’}

    是否为视频和视频信息,配置 isVideo 为 true,则显示视频形式(注:在多图模式不生效)

    status

    String

    0

    阅读状态。0:未读,1:已读

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例

    • SWAN
    • JS
    • CSS
    • JSON
     
     
     
    1. {{item.name}}
    2. theme="{{item.config.theme}}"
    3. content="{{item.config.content}}"
    4. video="{{item.config.video}}">
    5. 查看页面模板

    Bug & Tip

    • Tip: 信息流子项多种模式可以任意组合,模块间需要使用分割线区隔。配图不可清晰度过低,建议标题文字不超过 34 个中文字符。

    新闻标题:创新互联百度小程序教程:feed-item信息流子项
    标题网址:http://www.gawzjz.com/qtweb2/news2/14202.html

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

    广告

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