1.主题设置开启EasyCode
2.打开EasyCode并登陆
http://tool.tiancaiui.com/ 虽然不登录也能正常使用的,但建议您注册或直接通过QQ和微博登陆,这样可以保存您的历史代码,方便您以后进行对历史代码进行修改等操作。
3.设置画布
点击画布,设置您的画布尺寸(必须),画布背景(非必须),此外您还可以设置画布名称,方便您后期可以清楚的分辨模块。
4.添加组件
点击添加组件,然后在左侧的组件列表中单击要添加的组件即可添加,接下来点击编辑按钮或双击添加的组件即可弹出编辑按钮。
5.预览效果
点击右上角的预览效果,可以查看组件的效果。
注:每次修改组件后,需重新点击预览按钮才可以看到修改后的效果,在预览页面刷新无法查看修改后的效果。
6.生成代码
点击右上角的生成代码,然后选择友好速搭,即可生成代码。
7.返回友好速搭使用
其他注意事项
强烈建议您使用Chrome或其他基于webkit内核的浏览器,IE9以下(包括IE9)无法使用,嗯,对的,你没看错,就酱!