(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210167306.0 (22)申请日 2022.02.23 (71)申请人 浙江百应科技有限公司 地址 310000 浙江省杭州市余杭区景兴 路 999号梦想小镇天使村1 1号楼101 (72)发明人 程昊杰　 (74)专利代理 机构 杭州创智卓英知识产权代理 事务所(普通 合伙) 33324 专利代理师 季健康 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/38(2018.01) (54)发明名称 一种页面主题风格切换的方法、 系统、 装置 和介质 (57)摘要 本申请涉及一种页面主题 风格切换的方法、 系统、 装置和介质， 其中， 该方法包括： 根据预设 业务需求确定若干主题风格； 根据主题风格， 对 预设组件库中的原本样式进行元素覆盖得到若 干样式文件， 将样式文件抽离成一个主题包； 通 过主题包中的类名， 对当前系统直接引用样式文 件， 通过本申请， 解决了系统的页面主题定制高 成本和切换类型单一的问题， 实现了只需修改一 个变量参数实现多种主题风格的自由切换， 以满 足一个系统应对多种业务场景主题需要； 可以复 用于多个系统， 大 大减少重新定制开发的成本 。 权利要求书1页 说明书6页 附图3页 CN 114625459 A 2022.06.14 CN 114625459 A 1.一种页面主题风格切换的方法， 其特 征在于， 所述方法包括： 根据预设业 务需求确定若干主题风格； 根据所述主题风格， 对预设组件库中的原本样式进行元素覆盖得到若干样式文件， 将 所述样式文件抽离成一个主题包； 通过所述主题包中的类名， 对当前系统直接引用所述样式文件。 2.根据权利要求1所述的方法， 其特征在于， 通过所述主题包中的类名， 对当前系统直 接引用所述样式文件 包括： 将所述主题包中的类名以路由传参的方式传入当前系统， 对所述当前系统直接引用与 所述类名对应的样式文件。 3.根据权利要求1所述的方法， 其特征在于， 在通过所述主题包中的类名， 对当前系统 直接引用所述样式文件之前， 所述方法包括： 设置需求变量判断当前系统所需的主题样式， 根据 所述主题样式确定所述主题包中对 应的类名。 4.根据权利要求1所述的方法， 其特征在于， 对预设组件库中的原本样式进行元素覆盖 得到样式文件 包括： 编写css文件对预设组件库中的原本样式进行色彩覆盖得到样式文件。 5.根据权利要求1所述的方法， 其特征在于， 所述预设组件库包括 ant‑design组件库和 element组件库。 6.一种页面主题风格切换的系统， 其特征在于， 所述系统包括页面切换设置模块和页 面切换执行模块； 所述页面切换设置模块用于根据预设业务需求确定若干主题风格； 根据所述主题风 格， 对预设组件库中的原本样 式进行元素覆盖得到若干样式文件， 将所述样式文件抽 离成 一个主题包； 所述页面切换执行模块用于通过所述主题包中的类名， 对当前系统直接引用所述样式 文件。 7.根据权利要求6所述的系统， 其特 征在于， 所述页面切换执行模块还用于将所述主题包中的类名以路由传参的方式传入当前系 统， 对所述当前系统直接引用与所述类名对应的样式文件。 8.根据权利要求6所述的系统， 其特征在于， 所述页面切换执行模块还用于设置 需求变 量判断当前系统所需的主题样式， 根据所述主题样式确定所述主题包中对应的类名。 9.一种电子装置， 包括存储器和处理器， 其特征在于， 所述存储器中存储有计算机程 序， 所述处理器被设置为运行所述计算机程序以执行权利要求1至4中任一项 所述的页面主 题风格切换的方法。 10.一种计算机可读存储介质， 其上存储有计算机程序， 其特征在于， 该程序被处理器 执行时实现如权利要求1至4中任一项所述的页面主题风格切换的方法。权　利　要　求　书 1/1 页 2 CN 114625459 A 2一种页面主题风格切换的方 法、 系统、 装 置和介质 技术领域 [0001]本申请涉及前端技术领域， 特别是涉及一种页面主题风格切换的方法、 系统、 装置 和介质。 背景技术 [0002]目前很多特定的部门所用的系统都有自己的主题风格， 很多公司都是专门定制一 个版本来满足需求， 这样会耗费很大成本， 也有的只是实现单系统的主题颜色切换， 这样就 受到一定的局限性。 [0003]目前针对相关技术中系统的页面主题定制高成本和切换类型单一的问题， 尚未提 出有效的解决方案 。 发明内容 [0004]本申请实施例提供了一种页面主题风格切换的方法、 系统、 装置和介质， 以至少解 决相关技 术中系统的页面主题定制高成本和 切换类型 单一的问题。 [0005]第一方面， 本申请实施例提供了一种页面主题风格切换的方法， 所述方法包括： [0006]根据预设业 务需求确定若干主题风格； [0007]根据所述主题风格， 对预设组件库中的原本样式进行元素覆盖得到若干样式文 件， 将所述样式文件抽离成一个主题包； [0008]通过所述主题包中的类名， 对当前系统直接引用所述样式文件。 [0009]在其中一些实施例中， 通过所述主题包中的类名， 对当前系统直接引用所述样式 文件包括： [0010]将所述主题包中的类名以路由传参的方式传入当前系统， 对所述当前系统直接引 用与所述类名对应的样式文件。 [0011]在其中一些实施例中， 在通过所述主题包中的类名， 对当前系统直接引用所述样 式文件之前， 所述方法包括： [0012]设置需求变量判断当前系统所需的主题样式， 根据所述主题样式确定所述主题包 中对应的类名。 [0013]在其中一些实施例中， 对预设组件库中的原本样式进行元素覆盖得到样式文件包 括： [0014]编写css文件对预设组件库中的原本样式进行色彩覆盖得到样式文件。 [0015]在其中一些实施例中， 所述预设组件库包括ant ‑design组件库和element组件库。 [0016]第二方面， 本申请实施例提供了一种页面主题风格切换的系统， 所述系统包括页 面切换设置模块和页面切换 执行模块； [0017]所述页面切换设置模块用于根据预设业务需求确定若干主题风格； 根据所述主题 风格， 对预设组件库中的原本样式进行元素覆盖得到若干样 式文件， 将所述样 式文件抽 离 成一个主题包；说　明　书 1/6 页 3 CN 114625459 A 3