微魔方社区
登录
  • 社区首页
  • 网站首页
  • 帮助中心
  • 社区首页
  • 建站技巧
  • 老司机教你用好容器组件
发表新帖 回复 返回列表
  • sim 论坛管理员
    主题
    12
    帖子
    15
    老司机教你用好容器组件
    8882 4 楼主 发表于 2016-03-29 23:24:30

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

    容器是个很方便的组件,灵活用好容器,可以提高你的页面设计效率,那么下面我们用示例来看下如何操作。


    一、容器内的组件可以随容器一起被复制。比如:容器内有文字、图片等组件,复制容器时,文字和图片组件也会同时被复制。那么我们可以利用这个特性做很多事情。

    比如页面上有很多类似的标题




    那么 我们可以先在容器内做一个出来



    然后复制,容器内的文字都会随着容器被一起复制过来,那么剩下的只需要修改里面的文字就可以很快速的做出多个标题来。


    同理,在内页上我们会有很多类似的二级栏目和导航标题以及其他一些相同的内容,也可以放在容器中,通过复制,修改相关内容达到快速实现效果的目的。


    只需在容器内做一个列表出来,剩下两个复制粘贴,修改图片和列表的来源就可以得到相同的设计效果了。


    这里在告诉大家一个小窍门,当复制出三个列表容器以后,将最边上的两个贴到系统辅助线的边上。

    然后,在没有选中任何组件的情况下,按住Ctrl键,逐一选中三个列表容器,然后点击上面工具栏的上对齐

    然后点击横向等间距对齐

    那么三个列表项就很轻松的对齐了



    二、用容器组合多个组件。下面的图上就是利用容器做的色块,透明的背景都是用一个很小的透明背景png图片来做的,里面的人物和文字按照需要放入到容器内,拖动容器,就可以很轻松的将里面的内容一齐拖到想要的地方。轻松的移动也会大大提高你的设计效率。

    收藏
    分享
    回复
    举报
  • 80970122@qq 普通用户
    主题
    1
    帖子
    4
    沙发 发表于 2016-03-30 09:53:16

    额,原来可以按住Ctrl选中组件对齐,这个功能很实用,之前做页面都没用到,

    回复 举报
  • duoduo2 普通用户
    主题
    0
    帖子
    2
    板凳 发表于 2016-04-15 23:59:53

    求老司机多带带我们小白用户

    回复 举报
  • 50001297@qq 普通用户
    主题
    0
    帖子
    1
    地板 发表于 2020-11-10 18:14:20

    111111

    回复 举报
验证码 换一张 发表回复
×
举报

请点击举报理由

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