本文介绍在设计器中修改控件的方法。

修改控件的方法

修改内容会应用到多个控件,修改控件方法:选中控件,当控件显示为下图所示状时,即为选中态。此时可单击设置状按钮,将弹出右侧设置面板;也可右键单击控件设置层级,对齐方式等。显示设置
说明
  1. 右键快捷设置:鼠标右键单击某一控件,将弹出下图所示弹框。单击属性会弹出快速设置面板,单击对齐可设置对齐方式,选中多个组件时,单击分布,可设置分布方式,单击层级可调整层级。 右键设置2.1
    说明 按住键盘的Ctrl或command键,同时鼠标逐个单击选中,即可选中多个组件。
  2. 快速设置面板:单击设置,可弹出快速设置面板,用于设置当前组件的样式、数据、动效、排列。快速设置面板2.1
    • 样式:一般是像PPT一样的调整阴影、格式等样式。
    • 数据:可添加或更改数据、设置数据跳转链接及数据打开方式。
    • 交互:可设计控件内部动效。
    • 动效:可设置控件整体动效。
    • 排列:可设置尺寸和位置。

控件指南表

修改内容时,需要用到各个控件,下表为控件名称-作用-指南表,便于您快速了解并使用控件。

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