自贡网站建设公司

创新互联百度小程序教程：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
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  {{item.name}}
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  theme="{{item.config.theme}}"
      11.   
  
  
    11.  content="{{item.config.content}}"
      12.   
  
  
    12.  video="{{item.config.video}}">
      13.   
  
  
    13.  
      14.   
  
  
    14.   
      15.   
  
  
    15.  
      16.   
  
  
    16.  
      17.   
  
  
    17.  
      18.   
  
  
    18.  查看页面模板
      19.   
  
  
    19.  
      20.   
  
  
    20.  
      21.   
  
  
    21.  
      22.   
  
  
      23.

    Bug & Tip

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

    网站栏目：创新互联百度小程序教程：feed-item信息流子项
    分享路径：http://jxruijie.cn/article/coscogj.html

    其他资讯