求得/分享资源

  • 您希望求得还是分享呢?

  • 求得资源(我们会尽全力满足) *

  • 分享资源(我们代表其他用户衷心感谢您的分享)

  • 分享附件

    浏览文件

  • 确认提交

  • 验证码
    看不清?换一张
    取消
    确定

2021

布局

北京深量技术有限公司
发表时间: 2021-04-02

为方便您对网站的全面规划、布置,使各模块间更清晰,您可使用布局控件,布局控件内可放置多种其他控件。本文介绍如何添加及设置布局控件。

布局类控件的作用

布局类控件的作用图示如下:

布局类-3

添加布局控件步骤

  1. 单击设计 > 排版布局。选择所需布局控件,可参考下表进行选择。
    容器名称显示效果注意事项
    容器可调整宽、高
    自适应布局宽度自适应屏幕最大宽度为避免出现显示问题,自适应布局与自适应布局间请勿互相嵌套使用
    标签布局多栏,可调整宽高
    多栏布局多栏,可设置高度,宽度可选择通栏/页面宽度可设置每一栏的比例
  2. 选择后,在页面内合适位置单击即可添加成功。
说明
  • 使用布局类控件时,应多查看层次,方便您缕清结构。
  • 将容器控件放入标签布局控件中,再在容器中放置按钮、图片等,可设计出精美的导航。如需观看标签布局的视频请单击标签控件的使用

设置容器控件

  • 选中容器控件,单击设置 > 样式,可设置容器背景、容器边框、容器阴影。容器-样式
  • 动效:选中控件,单击设置 > 动效,可设置容器动画效果。
  • 排列:选中控件,单击设置 > 排列,可设置容器尺寸及位置。

设置自适应布局控件

  • 选中自适应布局控件,单击设置 > 样式,可切换样式、设置通栏背景。自适应布局设置
  • 选中自适应布局控件,单击设置 > 排列,可设置高度(自适应布局宽度自适应)及位置。自适应尺寸及位置

设置标签布局控件

  • 选中标签布局控件,单击设置 > 样式,可设置默认状态下的标签样式、区域内容样式、阴影;悬停、选中状态下的标签样式。标签布局-样式
  • 选中标签布局控件,单击设置 > 数据,可增加标签、删除标签、编辑标签名称、标签链接、标签链接的打开方式。标签
  • 交互:选中控件,单击设置 > 交互,可设置标签切换方式。
  • 排列:选中控件,单击设置 > 排列,可设置标签尺寸及位置。

设置多栏布局控件

  • 选中多栏布局控件,单击设置 > 样式,可设置宽度、比例、列间距、背景。多栏布局
  • 选中多栏布局控件,单击设置 > 数据,可增加栏目、删除栏目、编辑栏目名称及栏目背景。多栏-数据
  • 排列:选中控件,单击设置 > 排列,可设置多栏布局尺寸及位置。

锁定位置功能

选中控件时,单击像锁一样的图标按钮,可锁定当前位置。

删除控件功能

选中控件时,单击像废纸篓一样的图标按钮,可删除此控件。


浏览:
点赞 | 0
分享
布局
长按图片保存/分享

5x8小时服务

免费备案

无忧退款

全周期专业服务

我们期待您的来电。

ShenLiang 010 - 8646 6600

我们期待您的来电。

ShenLiang 010 - 8646 6600

京ICP备16060693号-2, 京公网安备11010802028442号丨版权所有 © 1999 - 2021 北京深量技术有限公司,保留所有权利。

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了