Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

界面介绍

img.png

①菜单

img.png

  • 同步同步模版数据到MCms系统
  • 站点信息编辑站点信息
  • 复制 复制选中组件
  • 粘贴样式快速复制组件的样式配置到另一个组件
  • 粘贴组件复制组件到另外一个容器

②终端

img.png

  • 切换浏览页面在不同终端下的效果
  • 根据不同终端设置对应的样式效果

③页面操作

img.png

可以撤销、重做、查看页面源代码与保存页面操作

④设计区

主要的设计区域,可以拖动组件进行排版设计

可以拖入到组件如下:

  • 系统组件
  • 组件(我的组件)
  • 公共组件

⑤ 系统组件

img.png

⑥ 页面、母板、组件

img.png

母板

img.png

可以重复在页面中使用,母板效果修改后,其他引用的页面效果都会同步更新

组件(我的组件)

img.png

高频率使用的效果可以转换成组件,方便下载重复使用

⑦ 页面图层

img.png

  • 定位 可以快速定位到当前组件的图层所在位置
  • 展开/收缩 快速展开收缩,方便查看
  • 名称 双击可以修改图层名称,名称也会通过注释的方式生成在代码中
  • 位置 可以拖动图层改变位置关系 显示当前页面的所有图层,点击图层可以快速选中对应的组件

img.png

图层标识说明如下:

  • C 公告组件标识
  • D 数据绑定标识
  • S 组件样式定义标识
  • E 交互标识

⑧ 样式、配置、动画、数据、交互

img.png

会根据不同的组件类型显示对应可以使用的选项卡配置

配置

img.png

导航 轮播 循环 标签 搜索 表单 组件类型有配置项

动画

img.png

数据

img.png

轮播 循环 地图 组件类型有数据项

交互

img.png

容器 文本 图标 循环 组件类型有交互项

⑨ 组件工具条

img.png

操作图标功能说明
img.png垂直布局显示上线移动图标
img.png水平布局显示左右移动图标
img.png复制当前组件
img.png转组件(我的组件)
img.png转母版,只有容器且是顶级才能转母版
img.png查看当前组件代码
img.png导航 管理栏目数据 表单 可以设置自定义业务表单
img.png删除组件