跳到主要内容

搭建主题包

提示
  1. 通过本章节,了解如何搭建主题包,以丰富和适应各类设计需求。
  2. 页面与主题包互相独立,可同时开发,或先开发其中任一个,都不影响最终的效果。
  3. 可创建不同风格的主题包,来切换不同的风格。
  4. 或对同一风格进行修改,来统一修改所有页面的风格。

新建主题包

  1. 在工作台界面,右上角点击“新建”,选择“主题包”。
  2. 输入主题包名称,即可新建一个主题包。

新建主题包

设计变量

  • 点击空白区域,右侧“设计”编辑视图里,即可设计变量。
  • 配置方式同 默认主题

设计变量

组件风格

设计组件

  1. 将需要设计的组件拖入画布。
  2. 点击组件,在组件的编辑视图里选择“样式”面板,在下方配置组件样式。
  3. 组件有多种风格,可重复拖入组件,来设计不同的风格。

设计组件

添加为组件风格

设计组件

  1. 点击“组件风格”右侧“+”添加分类,选择一种组件,输入分类名称,即可添加一个组件分类。
    组件分类
  2. 在新增的组件分类右侧点击“+”添加组件,选择设计好的组件,输入合适的风格名称,即可添加一个组件风格。 组件风格
  3. 当设计了多个风格的组件,可重复步骤 2 添加不同的风格。 多个组件风格

发布主题包

主题包搭建完成后,在右上角“导航栏”,保存并发布主题包,发布成功后即可在所有支持了主题包能力(安装了主题包插件)的应用中使用。

发布主题包


demo 链接:http://work.manateeai.com/mybricks-app-theme/index.html?id=773479547150405