帮助中心
帮助中心 > 可视化组件 > 分类组件
分类组件

功能介绍

  • 分类组件是在网站需要单独展示分类的时候用到的,可以在某些特别重视分类介绍的场景下起到重要作用。

内容

1. 内容:选择展示后台已录的产品分类、新闻分类或者其他分类。

2. 分类:选择展示哪些分类。

3. 布局:分类组件的布局支持网格、轮播以及文字布局,以满足不同的布局需求。

4. 图片位置:图片和文字的搭配组合多达五种,轻松满足各种排版需求。

5.图片比例、列数、显示描述:选择不同的图片比例、列数以及是否显示分类描述来适应不同布局、不同设备。


样式

1. 分类栏:分类栏是一个抽象的概念,可以简单的把它认为下图包裹着图片、标题、描述的红框。

2.背景颜色、边框、圆角:统一调整分类栏的背景颜色,给分类栏添加不同样式的边框以及改变圆角。

3. 阴影:点击阴影编辑按钮调出阴影参数设置面板,通过设置参数来调整分类栏的阴影。

4.内边距、栏间距、行间距:调整内边距参数,来设置分类图、标题和描述到分类栏边缘的距离;通过拖动滑标或者输入数值来迅速的调整栏/行间距。

5.对齐方式:统一设置分类栏的对齐方式。

6.分类栏悬停:分类栏悬停状态支持整体的背景、边框、阴影以及图片和文本的变化,还支持丰富的悬停动画。需要注意的是,在分类栏里设置图片和文本的悬停状态是整体联动的,在图文和文本里单独设置悬停状态则是独立的(鼠标要放到图片/文本上才会有悬停效果)。

7.图片:统一设置图片的各项参数

8.文本:统一设置文本的各项参数

9.标题&描述:分别调整标题和描述的各项参数,并且可以单独设置标题/描述的显示行数以及向下的间距。

上一篇:产品列表组件 下一篇:分类树组件