修改内容
本文介绍在设计器中修改控件的方法。
修改控件的方法
修改内容会应用到多个控件，修改控件方法：选中控件，当控件显示为下图所示状时，即为选中态。此时可单击设置状按钮，将弹出右侧设置面板；也可右键单击控件设置层级，对齐方式等。
右键快捷设置：鼠标右键单击某一控件，将弹出下图所示弹框。单击属性会弹出快速设置面板，单击对齐可设置对齐方式，选中多个组件时，单击分布，可设置分布方式，单击层级可调整层级。
说明按住键盘的Ctrl或command键，同时鼠标逐个单击选中，即可选中多个组件。
快速设置面板：单击设置，可弹出快速设置面板，用于设置当前组件的样式、数据、动效、排列。
样式：一般是像PPT一样的调整阴影、格式等样式。
数据：可添加或更改数据、设置数据跳转链接及数据打开方式。
交互：可设计控件内部动效。
动效：可设置控件整体动效。
排列：可设置尺寸和位置。
控件指南表
修改内容时，需要用到各个控件，下表为控件名称-作用-指南表，便于您快速了解并使用控件。
控件名称 | 控件作用 | 指南 |
文本 | 文本控件主要包括标题及段落，可用文字描述内容。 | |
图片 | 图片控件主要包括圆形图片及方形图片，可用图片描述内容。 | |
图文组合 | 图文组合控件由设计师设计，用图片、文字组合而成，可用图文组合控件快捷设计一个模块。 | |
排版类控件（线条、全屏排版） | 排版类控件主要包括线条及全屏排版控件，使用此类控件，可划分模块区域，使页面结构更清晰。 | |
布局类控件（容器、自适应布局、标签布局、多栏布局） | 布局类控件主要包括容器、自适应布局、标签布局、多栏布局，此类控件可设置背景，可在控件内放置多种其他控件，选中布局控件进行复制粘贴移动等操作，可操作布局控件及布局控件内的所有控件。 | |
栏目导航类控件（横向导航、竖向导航、面包屑、语言切换、手机/PC切换） | 栏目导航类控件主要包括横向导航、竖向导航、面包屑、语言切换、手机/PC切换，可方便用户快捷到达某个页面。 | |
按钮 | 按钮控件可设置跳转链接，一般点击按钮状控件，可跳转至目标位置或页面。 | |
音乐 | 音乐控件可作为网站的背景音乐。 | |
阿里云视频 | 视频控件可描述内容。 | |
地图 | 地图控件可定位位置。 | |
电商会员类控件（登录、注册、登录状态、购物车、收藏夹） | 电商会员类控件包括与购物相关的控件，如会员类：登录注册、我的（确认用户唯一身份，提供相关会员服务）；电商类：购物车、收藏。 | |
代码嵌入类控件（Html/Css/Js、爱番番、CNZZ、第三方视频） | 代码嵌入类控件主要包括Html/Css/Js、爱番番、CNZZ、第三方视频控件，将代码粘贴进数据一栏的输入框即可生效。 | |
留言评论 | 留言、评论可收集用户信息。 | |
分享 | 可将网站分享到各个平台。 | |
分类控件 | 可分类展示文章/产品。 | |
搜索控件 | 可搜索网站内的文章/产品。 | |
结果页相关控件（文章分类结果列表、文章分类面包屑、文章搜索结果列表、产品分类结果列表、） | 可展示分类/搜索的文章/产品标题结果。 | |
列表 | 可列表罗列文章/产品标题。 | |
详情页相关控件 | 包括设计文章/产品详情页的专属样式包括文章/产品基本信息类控件、文章/产品所在位置控件、文章/产品创建时间控件、文章/产品浏览量控件、收藏文章/产品控件、文章/产品切换控件、产品参数控件、相关产品控件。可展示产品具体内容。 | |
弹出窗口 | 可在网站上弹出窗口，既可以展示信息（在弹窗控件内添加文字等控件），也可以收集信息（在弹窗控件内添加留言/表单控件）。 | |
表单相关控件 | 可在网站内收集作品文件、用户信息、问卷调查等。 | |
联系浮窗 | 可放置您的联系方式，便于用户联系您。 |
