aipage系统列表页模板设计

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

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

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

1 内置系统分类列表版块

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

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

2 自由设计系统分类页

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

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

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

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

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

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

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

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

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

3 使用系统分类页

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

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

给TA买糖
共{{data.count}}人
人已赞赏
好经验

高防服务器可以使用百度云加速高防CDN吗?

2021-7-31 11:30:28

好经验

aipage系统详情页模板设计

2021-8-3 11:03:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索