图标-组件(文档)

标题设计组件-是我们编辑站点的时候,最常用到的组件之一,它的使用功能非常简单,调整下字体大小,和颜色,文本对齐方式即可完成编辑。

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【基础组件】中 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

 

2,内容选项卡

内容选项卡设置如下图,您可以看到有多个设置选项来控制图标组件的显示属性。

 

2.1,图标 – 模块,如下图, 点击选项卡后进入设置界面。

(1)图标选项卡:点击选择图标,参考下图。

(2)视图类型:提供三种视图类型 “默认”,“填充型”, “边框型” 参考下图

(3)尺寸:设置图标尺寸 ,支持响应式配置。

(4)水平对齐 :可设置 标题 “靠左”,“居中” ,“靠右”

 

 

点击“图标选项卡” 弹出图标列表,为了便于记忆图标下面标有序号,您可以根据序号更快的找到图标,系统图提供了1000多个图标供您选择

 

 

视图类型:提供三种视图类型 “默认”,“填充型”, “边框型” 。 配置后图标显示如下图

 

 

3,样式选项卡

样式选项卡设置如下图,您可以看到有多个设置选项来控制组件的显示属性。点击下图蓝色选项卡“样式”,进入样式配置页面

3.1 文本样式- 模块,如下图, 点击选项卡后进入设置界面

(1)主要颜色 : 图标的颜色

(2)次要颜色:边框或填充图标的背景颜色

(3)旋转:图标选择的角度

(4)内边距:图标边框或填充背景的内间距, 修改效果可参考视频

(5)边框圆角:可设置图标背景填充型或边框的圆角 ,修改效果可参考视频

(6)循环旋转动画: 默认设置是“关闭”状态 , 可设置开启图标旋转状态。此时图标回一直旋转。

 

 

点击“鼠标悬停”选项卡,设置图标鼠标悬停效果 ,如下图所示,可设置鼠标悬停效果 改变图标颜色,边框颜色,旋转角度,悬停动画等。具体效果请参考视频教程

 

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了