# 移动端支持特色主题

来源快照：`result_data_new_260518.json`

- 来源 ID：`1221139831698055228`
- 模块：系统基础配置
- 目录：功能更新说明
- space ID：`1159148498745040954`
- 原文链接：未提供
- 产品基线：未提供

## 正文

一、

# 功能背景和价值用途

当前特色主题功能仅支持 PC端，移动端只有简单的只有颜色差异的系统主题。为丰富移动端视觉呈现效果，需支持移动端特色主题。

二、

# 配置说明

## 1 功能入口

【后台管理中心--界面配置中心--界面主题管理--移动端主题】新增页签“特色主题”：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139986412519430&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

## 2 新建主题

### 2.1 直接新建

1、直接点击右上角“新建”按钮即可弹出创建主题的弹窗，填写主题基本信息以后，点击保存即可（注：移动端特色主题只支持ecode方式）：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139973555904514&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2、点击“保存并进入样式设置”即进入到该主题样式设置页面，同时特色主题列表新增一项主题数据：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139973469896710&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

### 2.2 从本地导入

点击右上角“从本地导入”即弹出上传文件弹窗，选择文件后，即可导入（注：只允许上传ZIP格式的文件）：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139982051442692&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

 

### 2.3 从云商店导入

点击“从云商店导入”可弹出云主题模板库窗口，点击【安装】即安装该主题到特色主题页面：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139973469896708&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

## 3 编辑主题

点击“编辑”即可编辑主题，在此处可以编辑主题的基本信息以及样式设置：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139960642715662&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

1、基本信息：可以编辑主题的名、风格；是否启用/禁用主题；更改主题的ecode以及设置主题的使用范围。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139951935340551&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2、样式设置：在这里可以设置主题的基本设置以及导航图标设置。

 

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139982051442696&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

3、

预览：点击预览即可预览主题的效果。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139973636669443&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

## 4 另存为

点击另存为按钮即可将该主题另存一份到系统内。

另存之后的主题数据在未进行更改的情况下应与原主题数据一致。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139969224261635&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

另存为时，还可编辑主题的名称、风格、ecode和使用范围：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139977907470344&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

## 5 启用/禁用

主题启用时：可以禁用该主题，禁用后，在移动端-主题设置-特色风格列表中不可见。

主题禁用时：可以启用该主题，启用后，在移动端-主题设置-特色风格列表中可见，并且可以设置该主题为默认主题。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139982109163526&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139986547736579&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 6 设为默认主题

启用的主题才可“设为默认主题”，设置为默认主题后，右上角会有“默认”的标识。未在移动端上设置过主题的同事会按照默认的主题来显示：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139969153843211&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139956372914177&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

## 7 指定

主题指定分为：不指定、永久指定、定时指定。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139965047734281&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

1、不指定：主题不指定时，按照个人设置的或者默认的主题显示。

2、永久指定：该主题的右上角会显示“永久指定”的角标，设置时，可选是否允许用户自行切换。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139986412519433&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139960561950730&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

3、定时指定：该主题的右上角会显示时间区间的角标，移动端主题在指定时间段强制指定为该主题；同永久指定，也可选是否允许用户自行切换。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139952099803147&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139982109163533&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

## 8 删除

点击删除后，弹出是否确认删除的弹窗。点击确认后，该主题数据不再显示在主题列表中；点击取消，关闭弹窗并取消删除。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139969153843207&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 9 上传至云商店

点击“上传至云商店”后，弹出弹窗。填写完后点击保存，等待云商店审批之后，即可在云商店-特色主题中显示该主题。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139960723292161&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 10 操作日志

可查看该主题所有操作日志：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139960561950733&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

三、

# 前台效果

移动端主题设置入口【我】-【设置】-【主题设置】，增加特色主题选择，可选当前用户有权限使用的特色主题，如后台指定了特色主题，同指定“深色风格”和“浅色风格“，前台需要限制用户调整主题：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139965047734284&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)   ![](https://weapp.eteams.cn/papi/file/preview?fileId=1221139977907470337&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
