iuap-design/blog

web页面设计器体验详解

GuoYongfeng opened this issue · 0 comments

GuoYongfeng commented

web页面设计器体验详解

**小刘：**公司最近需要开发一款产品，而且一堆功能，烦死了，又开始加班的节奏了。
**小郭：**别烦躁，听朋友说，最近用友网络FED团队开发了一个web页面设计器出来，简单几部拖拽就能实现页面。
**小刘：**我去，这么厉害，好用么，你体验过么？
**小郭：**挺棒的，而且是纯在线免费的，我去他们官网体验了，几个步骤轻轻松松搞定页面，给你操作指南你也来试下吧。

1. 访问design.yyuap.com，选择“页面设计器”

enter image description here

2. 从左侧侧边栏点击布局，选中并拖拽到画布

enter image description here

3. 从左侧侧边栏点击选择一个组件，呼出组件面板，选中并拖拽相应组件放入布局内

enter image description here

4. 通过属性面板设置组件相关属性，例如更换文字、图片等

enter image description here

5. 重复234相应步骤，达到预期的页面效果

6. 点击右上角按钮预览多端适配效果

enter image description here

7. 点击右上角按钮下载代码

enter image description here

                                                                                               ---- 用友网络FED团队 郭永峰