主题设置

主题设置支持多样化的主题、UI和排版风格,您可根据App的类型、目标用户等具体场景设置。

前提条件

已创建应用页面,并打开相应的开发界面。

操作步骤

  1. 登录魔笔

  2. 在顶部菜单栏选择应用管理,在右上角搜索框中输入目标应用,例如TEST

  3. 在指定的应用卡片中单击进入设计器,进入应用开发页面(Mobi Studio)。

  4. 在左侧功能区单击d4,展开页面管理右侧栏。

  5. 选择主题页签,展开下拉框。

  6. 在左侧导航树中,选择需要编辑主题的模块。

  7. 默认风格右侧的下拉菜单中,选择页面风格。

    • 预定义风格包括:默认风格暗黑风格阿里云风格。这三种风格不支持设置品牌颜色功能颜色UI定制排版定制这些参数,即预定义风格不支持修改。

      image
    • 也可自定义风格,具体操作请参见自定义风格

  8. 在右侧的主题预览中,查看预览效果。

  9. 单击应用新风格,页面主题将以选择的风格呈现。

    image

自定义风格

说明

对自定义创建的主题,才能自设置品牌颜色、功能颜色、UI定制或排版定制。

  1. 在主题页签中,单击fig1,弹出添加风格对话框。

  2. 添加风格对话框中,输入风格名称自定义风格

  3. 单击确定。在默认风格右侧的下拉菜单中,出现新风格名称,即创建成功。

    说明

    添加的新风格会在当前选择的系统风格模板上创建。

    image
  4. 针对已创建的风格可以根据业务需求自定义品牌颜色功能颜色、UI定制排版定制

  5. 在右侧的主题预览中,查看预览效果。

  6. 单击保存并应用,使用自定义风格。单击删除,删除自定义风格。

    image