内容详情页

智能小程序提供三种内容详情页，均已多轮实验验证其阅读舒适度，建议开发者使用。 1.

基础布局

间距

布局时，为信息内容区留出适当边距，以获得最佳的可读性。 1.

分割线

内容详情页中可能有多类内容模块，如评论、相关推荐等，使用分割线区分不同模块及信息间的层级。 1.

图文详情页

图文详情页一般由标题、正文、多媒体组成。

1. 标题和正文

1.

2. 多媒体

图片和视频能丰富页面，请根据资源选择合适尺寸： 1.

下载设计资源 | 查看开发文档）

动态详情页

动态详情页一般由正文、多媒体组成。

1. 正文

1.

2. 多媒体

图片和视频能使文章更丰富，为达到最好阅读效果，请根据资源及数量选择合适尺寸。

图片

• 当需要同时展示多张图片时，请根据不同图片数量使用不同的排版布局，以能获得更佳效果。
• 图片宽高比1:1； - 1.

  视频

  展现一个视频时，宽度为760px，宽高比16:9。

  视频详情页

  视频详情页一般由视频播放器、标题组成。

  1. 视频播放器

  使用智能小程序的视频播放器插件，使其固定在页面顶部。建议配置视频封面，建立用户对信息内容的预期。 正确 正确配置视频封面，效果好。 错误 未配置视频封面，无用户预期。

  2. 标题

  1.