aipage系统列表页模板设计

系统列表页模板是网站动态列表的默认展示效果,包含内置翻页等功能,网站页面中跳转到任何一个分类都会展示其对应的列表展示效果,如图示例:

aipage系统列表页模板设计插图

系统分类列表页模板版块与系统详情版块类似,包含内置版块和自由设计两种:

1 内置系统分类列表版块

进入系统页面 -> 文章/产品分类列表模板,系统文章产品公用内置分类版块,主要结构为两列布局,设置里支持是否开启边栏,样式设置中支持对展示进行微调。新的分类列表版块边栏一般会展示站点所有分类,就的分类列表版块模板一般是展示当前分类的一级分类的对应子类。

aipage系统列表页模板设计插图1

2 自由设计系统分类页

如果要自由设计系统分类列表样式,首先需要将版块切换成空白自由设计系统分类版块

aipage系统列表页模板设计插图2

拖拽想要的动态列表元素或者自由列表元素到页面中,设置数据绑定为系统分类,选择此分类后实际的分类页面将自动绑定当前分类的列表数据。注意产品元素只能使用在产品分类列表中,自由列表元素则可以使用在任意数据类型中。

aipage系统列表页模板设计插图3

拖拽专有元素中的列表翻页元素到动态列表下方,这里与普通版块的设计区别是设计系统分类版块时需要单独拖拽专有的列表翻页元素

aipage系统列表页模板设计插图4

这样就完成了系统分类列表的简单功能设计,一般还会需要设计自定义的边栏菜单效果,例如拖拽垂直菜单绑定站点分类。

aipage系统列表页模板设计插图5

预览后可以查看自定义设计系统列表的实际效果,结合其他元素的装饰就可以设计更加丰富多样的系统列表页。

3 使用系统分类页

导航菜单或者其他任意页面的点击跳转处选择点击交互 -> 分类列表页,选择对应的分类就可以在点击时自动跳转到对应的列表中。

aipage系统列表页模板设计插图6

原创文章,作者:306829225,如若转载,请注明出处:https://blog.ytso.com/tech/courses/249967.html

(0)
上一篇 2022年4月23日 13:39
下一篇 2022年4月23日 14:12

相关推荐

发表回复

登录后才能评论