微魔方社区
登录
  • 社区首页
  • 网站首页
  • 帮助中心
  • 社区首页
  • 产品指南
  • 微魔方组件概述
发表新帖 回复 返回列表
  • wemorefun 论坛管理员
    主题
    31
    帖子
    116
    微魔方组件概述
    10097 5 楼主 发表于 2016-02-26 14:58:04

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

    概述

    组件是设计网页最基本也是最重要的元素,任何网页都是通过组合嵌套各种组件,合理设置组件参数而来的。因此,熟悉每个组件的使用场景,以及可设置项,是能否制作出精美网页的关键。
    组件在设计器左侧功能面板上的第一个菜单中。点击菜单第一个标签页打开组件面板。


    组件.png


    目前微魔方提供了共22个组件,大致可以分为3大类:容器类组件、内容类组件、插件。

    容器类组件:容器、通栏容器、标签页。
    内容类组件:线条、文字、图片、按钮、视频、音频、导航、幻灯、组图、列表、代码控件、地图。
    插件:回到顶部、QQ客服。


    容器类组件的主要作用是用来布局的,本身并不在网页上显示内容,除了布局作用,容器类组件还可以承担设置边框和背景的相关需求。比如要给某段文字加个框,可以把该文字放入一个容器内,设置该容器的边框样式即可。要给文字添加背景,可采用同样方式。


    内容类组件是真实构成网页内容的组件。内容类组件又可以分为:基础组件和复合组件。
    基础组件:线条、文字、图片、按钮、视频、音频。
    复合组件:导航、幻灯片、图文、组图、列表。
    基础组件比较简单,如果您懂HTML相关知识,就能发现,一个基础组件基本对应一个HTML标签。
    复合组件比较复杂,同时功能也比较强大。它们或者是多个基础组件的组合,形成一般网页制作中使用频率非常高的布局块,比如图文组件、组图组件。或者是带有动态交互的复杂页面效果,比如幻灯片、导航菜单。


    控件的使用

    如果您需要在页面上使用某个组件,打开组件面板,选择您要使用的组件,可直接拖拽到页面上,或点击组件之后,再在页面上点击一下。两种方式均可在页面生成一个您所选择的组件。



    选中生成的组件,组件的左上角或者左下角会出现两个功能按钮(通常是在左上角,左上角空间位置不足时出现在左下角),分别为属性和删除。点击属性按钮,画布右侧出现该组件的属性编辑面板,点击删除按钮,则删除该组件。编辑或者删除控件之后,您需要点击右上角的“保存”按钮(或者使用保存快捷键Ctrl+S),提示保存成功,方能生效。




    微魔方支持控件的扩展。在站点组件面板的设置里面,可添加或移除插件。如下图:


    安装应用.png


    安装控件之后,可对控件进行启用或者禁用的设置


    应用的使用.png


    安装好插件并启用,则可以在设计器的组件列表内使用该插件


    安装后.png


    收藏
    分享
    回复
    举报
  • 18589066180 论坛管理员
    主题
    1
    帖子
    36
    沙发 发表于 2016-02-26 22:41:31

    回复 举报
  • wemorefun 论坛管理员
    主题
    31
    帖子
    116
    板凳 发表于 2016-02-27 15:56:25
    18589066180 发表于 2016-02-26
    ...

    回复 举报
  • 新用户 普通用户
    主题
    0
    帖子
    1
    地板 发表于 2016-02-29 16:00:36

    请问如果我在一个页面设计了一块东西,包含好几个组件,我别的地方也有类似这样的模块,我要怎么把这几个组件一起复制过去

    回复 举报
  • 微魔方-木木 论坛管理员
    主题
    31
    帖子
    72
    #5 发表于 2016-02-29 16:05:19
    新用户 发表于 2016-02-29
    请问如果我在一个页面设计了一块东西,包含好几个组件,我别的地方也有类似这样的模块,我要怎么把这几个组件一起复制过去

    您好,如果您需要实现多个组件的复用,建议您先拖拽一个容器组件,将容器组件边框背景等设置清除掉,然后将需要组合的组件置于容器内,下次使用这几个组件的组合时,您只需要复制这个容器组件到别的地方,容器内包含的组件将不会丢失。

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

请点击举报理由

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