微魔方社区
登录
  • 社区首页
  • 网站首页
  • 帮助中心
  • 社区首页
  • 产品指南
  • 微魔方——容器组件
发表新帖 回复 返回列表
  • wemorefun 论坛管理员
    主题
    31
    帖子
    116
    微魔方——容器组件
    3746 1 楼主 发表于 2016-05-31 10:18:07

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。 您需要 登录 才可以下载或查看,没有帐号?立即注册

    容器组件通常用户页面模块划分。打开微魔方设计器组件库,选择“容器”组件拖拽至画布,得到一个容器组件。容器组价分为两种:普通容器、通栏容器,如下图


    QQ图片20160303152721.png


    容器组件内可放置其他组件,选中需要拖动至容器的组件,拖动至容器组件范围内,当容器边框出现蓝色虚线时,松开鼠标停止拖动,该组件就成功地拖动入容器。之后当您移动或者复制该容器组件时,容器内部的组件将随之改变。您还可以更改容器的背景、边框、阴影。具体设置请参考常用组件设置。


    QQ图片20160303152909.png


    通栏容器是页面设计中常用的一个组件。合理地运用该组件,可以实现很多效果。例如,为页面布局一个通栏背景图片,您可以参考如下操作。

    打开微魔方设计器组件库,拖拽一个通栏容器至画布,根据需求拖动通栏的大小和位置。打开通栏的设置面板,我们可以看到通栏容器的设置分为“通栏区域”设置和“通栏内容区域”设置。


    QQ图片20160304102456.png


    设置通栏区域背景,选择您需要作为背景的图片,得到如下图所示效果:


    QQ图片20160304110212.png


    我们可以看到画布之外的通栏区域已经有图片背景。您可以根据需要调整“通栏内容区域背景”的设置,可使用纯色、渐变色或者任意图片。如果您需要全屏显示整张通栏图片为背景,您只需要将内容区域背景设置为“无”,即可得到如下效果:


    QQ图片20160304110426.png


    通栏容器可改变组件的上下位置和高度,宽度为自适应屏幕宽度的满屏显示。


    收藏
    分享
    回复
    举报
验证码 换一张 发表回复
×
举报

请点击举报理由

确定
抱歉您尚未输入标题或用户名
© 2015 长沙企驰网络科技有限公司 版权所有 湘ICP备16000517号 技术支持: 微魔方