区块编辑

使杰赢管理后台的编辑器支持区块添加和样式编辑

 

插入区块弹窗

 

组件样式设置弹窗

 

布局样式设置界面

 

尺寸样式设置界面

 

间距样式设置界面

 

定位样式设置界面

 

文本样式设置界面

 

背景样式设置界面

 

边框样式设置界面

 

特效样式设置界面

支持插入grid栅格布局

支持插入按钮链接

支持插入fontawesome7图标

支持插入预定义的区块

无需安装，登录杰赢管理后台，即可以在编辑器中使用。

 

组件拖动按钮

按钮组件和图标组件可以直接双击编辑

其它组件可以通过点击如图所示的组件选择拖动图标编辑

 

在编辑器的工具栏中，点击【插入区块】按钮

 

点击【插入区块】按钮

在弹出的【插入区块】窗口中，点击需要插入的栅格布局

 

插入区块弹窗

编辑器中会插入选择的栅格代码，完成插入栅格操作。

 

插入栅格成功

在编辑器的工具栏中，点击【插入按钮】按钮

 

【插入按钮链接】按钮

在弹出的【按钮组件属性】窗口中，选择要插入的按钮样式

 

按钮组件属性弹窗

点击【确定】按钮，完成插入按钮操作

 

插入按钮成功界面

在编辑器的工具栏中，点击【插入fa7图标】按钮

 

插入fa7图标按钮

在弹出【fa7图标属性】窗口中，选择要插入的图标

 

Fa7图标属性弹窗

并选择样式后，点击确定按钮，完成fa7图标的插入。

在编辑器的工具栏中，点击【插入区块】按钮，

 

插入区块按钮

在弹出的【插入区块】弹窗中，选择要插入的heroes

 

选择heroes界面

点击需要插入的heroes，完成插入操作。

 

在编辑器的工具栏中，点击【插入区块】按钮，

 

插入区块按钮

在弹出的【插入区块】弹窗中，选择要插入的features

 

选择features界面

点击需要插入的features，完成插入操作。