Skip to content

web页面设计器体验详解 #95

Open
@GuoYongfeng

Description

@GuoYongfeng

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团队 郭永峰

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions