一种主题切换组件的实现方法技术

本发明专利技术涉及前端交互技术领域，具体为一种主题切换组件的实现方法，包括以下步骤：步骤一：组件封装：使用组件化的思想对元素、样式、逻辑进行封装，形成可复用的组件模型；步骤二：主题初始化：当页面刷新即主题组件初始化时，从配置文件或后台接口中获取当前主题并进行渲染；步骤三：交互处理：监听用户在主题切换组件的操作，实时记录当前用户选中的主题色，将主题色的改变消息推送至页面中其他组件，以方便页面其他组件做出主题切换；有益效果为：本发明专利技术提出的主题切换组件的实现方法，支持在切换页面时，保持用户所选主题的一致性。

【技术实现步骤摘要】

本专利技术涉及前端交互，具体为一种主题切换组件的实现方法。

技术介绍

1、随着互联网技术的不断发展，用户的需求亦逐渐复杂化。出现同一产品部署至不同环境时，客户要求采用不同主题色的场景，或者要求产品可实时进行主题的切换。

2、现有技术中，针对上述种类似的需求，如果对应开发不同主题的产品，即使可以满足需求，会给前端开发人员带来许多重复性的工作、造成研发效率下降的问题。同时，若用户要求的主题色未在可选范围内，也会造成适应需求多变性困难、维护成本标高的问题。

技术实现思路

1、本专利技术的目的在于提供一种主题切换组件的实现方法，以解决上述
技术介绍
中提出的问题。

2、为实现上述目的，本专利技术提供如下技术方案：一种主题切换组件的实现方法，所述方法包括以下步骤：

3、步骤一：组件封装：使用组件化的思想对元素、样式、逻辑进行封装，形成可复用的组件模型；

4、步骤二：主题初始化：当页面刷新即主题组件初始化时，从配置文件或后台接口中获取当前主题并进行渲染；p>

5、步骤三本文档来自技高网...

【技术保护点】

1.一种主题切换组件的实现方法，其特征在于：所述方法包括以下步骤：

2.根据权利要求1所述的一种主题切换组件的实现方法，其特征在于：步骤一中，使用组件化和模块化的思想对元素、样式、逻辑进行封装，形成可复用的独立组件的具体操作包括：

3.根据权利要求1所述的一种主题切换组件的实现方法，其特征在于：所述步骤二中，页面初始化时，首先从步骤三所述的主题状态管理模块中读取当前主题值，若该值为空，即可视为用户首次登入当前产品，初始化模块从src/asstes/config/theme.json配置文件中读取的themeFrom配置项,配置项支持的值为config或api。...

【技术特征摘要】

1.一种主题切换组件的实现方法，其特征在于：所述方法包括以下步骤：

2.根据权利要求1所述的一种主题切换组件的实现方法，其特征在于：步骤一中，使用组件化和模块化的思想对元素、样式、逻辑进行封装，形成可复用的独立组件的具体操作包括：

3.根据权利要求1所述的一种主题切换组件的实现方法，其特征在于：所述步骤二中，页面初始化时，首先从步骤三所述的主题状态管理模块中读取当前主题值，若该值为空，即可视为用户首次登入当前产品，初始化模块从src/asstes/config/theme.json配置文件中读取的themefrom...

【专利技术属性】
技术研发人员：翟文莉，玄德，朱璐，
申请(专利权)人：浪潮云信息技术股份公司，
类型：发明
国别省市：