文档

修改内容

更新时间:
一键部署

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

修改控件的方法

修改内容会应用到多个控件,修改控件方法:选中控件,当控件显示为下图所示状时,即为选中态。此时可单击设置状按钮,将弹出右侧设置面板;也可右键单击控件设置层级,对齐方式等。image.png

说明
  1. 右键快捷设置:鼠标右键单击某一控件,将弹出下图所示弹框。单击属性会弹出快速设置面板,单击对齐可设置对齐方式,选中多个组件时,单击分布,可设置分布方式,单击层级可调整层级。 右键设置2.1

    说明

    按住键盘的Ctrl或command键,同时鼠标逐个单击选中,即可选中多个组件。

  2. 快速设置面板:单击设置,可弹出快速设置面板,用于设置当前组件的样式、数据、动效、排列。快速设置面板2.1

    • 样式:一般是像PPT一样的调整阴影、格式等样式。

    • 数据:可添加或更改数据、设置数据跳转链接及数据打开方式。

    • 交互:可设计控件内部动效。

    • 动效:可设置控件整体动效。

    • 排列:可设置尺寸和位置。

控件指南表

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

控件名称

控件作用

指南

文本

文本控件主要包括标题及段落,可用文字描述内容。

文本

图片

图片控件主要包括圆形图片及方形图片,可用图片描述内容。

图片

图文组合

图文组合控件由设计师设计,用图片、文字组合而成,可用图文组合控件快捷设计一个模块。

图文组合

排版类控件(线条、全屏排版)

排版类控件主要包括线条及全屏排版控件,使用此类控件,可划分模块区域,使页面结构更清晰。

排版

布局类控件(容器、自适应布局、标签布局、多栏布局)

布局类控件主要包括容器、自适应布局、标签布局、多栏布局,此类控件可设置背景,可在控件内放置多种其他控件,选中布局控件进行复制粘贴移动等操作,可操作布局控件及布局控件内的所有控件。

布局

栏目导航类控件(横向导航、竖向导航、面包屑、语言切换、手机/PC切换)

栏目导航类控件主要包括横向导航、竖向导航、面包屑、语言切换、手机/PC切换,可方便用户快捷到达某个页面。

栏目导航

按钮

按钮控件可设置跳转链接,一般点击按钮状控件,可跳转至目标位置或页面。

按钮

音乐

音乐控件可作为网站的背景音乐。

音乐

阿里云视频

视频控件可描述内容。

阿里云视频

地图

地图控件可定位位置。

地图

电商会员类控件(登录、注册、登录状态、购物车、收藏夹)

电商会员类控件包括与购物相关的控件,如会员类:登录注册、我的(确认用户唯一身份,提供相关会员服务);电商类:购物车、收藏。

电商会员

代码嵌入类控件(Html/Css/Js、爱番番、CNZZ、第三方视频)

代码嵌入类控件主要包括Html/Css/Js、爱番番、CNZZ、第三方视频控件,将代码粘贴进数据一栏的输入框即可生效。

代码嵌入

留言评论

留言、评论可收集用户信息。

留言评论

分享

可将网站分享到各个平台。

分享

分类控件

可分类展示文章/产品。

分类搜索

搜索控件

可搜索网站内的文章/产品。

分类搜索

结果页相关控件(文章分类结果列表、文章分类面包屑、文章搜索结果列表、产品分类结果列表、)

可展示分类/搜索的文章/产品标题结果。

结果页相关控件

列表

可列表罗列文章/产品标题。

列表

详情页相关控件

包括设计文章/产品详情页的专属样式包括文章/产品基本信息类控件、文章/产品所在位置控件、文章/产品创建时间控件、文章/产品浏览量控件、收藏文章/产品控件、文章/产品切换控件、产品参数控件、相关产品控件。可展示产品具体内容。

详情页相关控件

弹出窗口

可在网站上弹出窗口,既可以展示信息(在弹窗控件内添加文字等控件),也可以收集信息(在弹窗控件内添加留言/表单控件)。

弹出窗口

表单相关控件

可在网站内收集作品文件、用户信息、问卷调查等。

表单相关控件

联系浮窗

可放置您的联系方式,便于用户联系您。

联系浮窗

  • 本页导读 (0)