title: feed-item 信息流子项 header: develop nav: extended sidebar: smt-feed-item

webUrl: https://qft12m.smartapps.cn/extensions/component/smt-feed-item/smt-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已读

示例

在开发者工具中预览效果

扫码体验

webUrl: https://qft12m.smartapps.cn/extensions/component/smt-feed-item/smt-feed-item - 图1

代码示例

:::codeTab

  1. <smt-feed-item 
  2.     theme="{{theme}}"
  3.     content="{{content}}" 
  4.     video="{{video}}"
  5.     status="{{status}}"
  6. >
  7. </smt-feed-item>
  1. Page({ 
  3.     data: {
  4.         theme: 'default',
  5.         content: {
  6.             title: '这个是子项的标题',
  7.             infoSource: '百度新闻',
  8.             commentsNum: 2,
  9.             images: []
  10.         },
  11.         video: {
  12.             isVideo: true,
  13.             time: '02:00'
  14.         },
  15.         status: '0'
  16.     }
  17. });

:::