创新互联百度小程序教程：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
{{item.name}} theme="{{item.config.theme}}"content="{{item.config.content}}"video="{{item.config.video}}">查看页面模板
Bug & Tip
- Tip： 信息流子项多种模式可以任意组合，模块间需要使用分割线区隔。配图不可清晰度过低，建议标题文字不超过 34 个中文字符。
文章名称：创新互联百度小程序教程：feed-item信息流子项
文章起源：http://www.hantingmc.com/qtweb/news33/125533.html
网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联