如何使用文章列表组件?
浏览数量: 1 作者: 小七 发布时间: 2015-06-25 来源: 本站
文章列表组件
【简介】 文章列表组件实现所有文章的多种排版的分页展示。
【应用场景】 文章列表组件一般应用在系统页面中的文章列表页面上,展示所有的文章,带分页功能,展示方式多样化:可以是文章标题列表形式、文章标题+配图列表形式、首个文章突出展示的方式等。
【使用方法】
1、如何添加文章列表组件? 2、如何设置文章列表组件? 在弹出的设置文章列表窗口,可以设置文章列表的内容、高级以及风格功能 内容: 组件标题:文章列表组件的标题,可以不填; 请选择显示分类下的文章:可以根据需要选择所有文章分类、选择部分文章分类; 分页展示:可以根据需要选择是否分页展示; 需要显示的文章数量:可以根据需要填写需要显示的文章数量; 显示更多:可以根据需要添加链接,组件内会出现”显示更多“按钮,链接到对应链接。 高级: 文章排序方式:可以根据需要选择文章详情的排序方式,按修改日期升序、按修改日期降序、按添加日期升序、按添加日期降序、按发布日期升序、按发布日期降序; 文章打开方式:可以根据需要选择文章打开方式为当前窗口或者新窗口; 显示设置:可以根据需要选择是否显示分类、是否显示日期、是否显示置顶标识、标题是否自动换行。 风格: 列表样式:可以根据需要选择列表的样式; 设置当前风格自定义配色:可以根据需要选择当前风格的颜色是默认还是自定义; 添加列表图标:可以根据需要选择是否要添加列表图标,添加什么样的列表图标; 选择分页风格:可以根据需要选择分页风格是默认还是自定义风格。 2016.9.18文章列表组件新增一种风格14,该风格实现图标与文章标题分别对齐的排版需求;
【应用场景】客户提出的展示需求:在展示文章列表时,能让文章列表前面的图标单独一列对齐,文章标题支持换行显示,换行后的文字不是与图标对齐而是与上一行文字的第一个字母对齐。
【演示示例】文章列表前面添加了一个箭头图标,通过组件的编辑样式中调整普通文字的颜色将箭头颜色变成了绿色,与后面的文章标题颜色区别开来,如下图所示效果:
【操作步骤】: 1)、到组件的设置中,去选择这种风格,并且添加1个列表图标,如果这个列表图标选择的是无,是看不到上述效果的哦。 2)、到组件的编辑样式中,调整普通文字的颜色将箭头颜色变成了橙色,与后面的文章标题颜色区别开来。
设置好组件的以上设置以后,可以根据需要使用此组件的以下功能,以下是所有组件的通用功能: 3、查看如何编辑组件的样式?
4、查看如何复制组件?
5、查看如何应用组件?
6、查看如何删除组件?
7、查看如何恢复组件?