主题显示方法、装置、设备、存储介质及程序产品与流程

allin2025-04-30  28


本申请涉及计算机,尤其涉及一种主题显示方法、装置、设备、存储介质及程序产品。


背景技术:

1、随着互联网及计算机技术领域的发展,许多用户对主题的显示提出了更高的要求,需要基于具体的用户需求对主题进行个性化显示,以确保用户的上网体验。

2、当前在对主题进行个性化显示时,一般是预先设置css(cascading stylesheets,层叠样式表)文件,并在其中定义主题对应的至少一个属性对应全局css变量。那么响应于用户触发了主题显示请求,就根据请求调整各属性对应全局css变量,从而实现主题的个性化显示。

3、但是这种主题显示方法,需要调整主题包含的全部属性对应全局css变量,并基于调整结果进行样式加载,增加加载时间,降低显示的流畅度。


技术实现思路

1、本申请提供一种主题显示方法、装置、设备、存储介质及程序产品,用以解决现有技术中需要调整主题包含的全部属性对应全局css变量,并基于调整结果进行样式加载,增加加载时间,降低显示的流畅度的问题。

2、第一方面,本申请提供一种主题显示方法,包括:响应于对当前自定义属性值执行修改操作,根据所述修改操作获取目标主题标识以及预设层叠样式表css动态文件;所述当前自定义属性值关联预设css动态文件,所述预设css动态文件是将至少一个预设主题标识作为环境变量建立的,所述预设css动态文件包括至少一个预设主题标识与各预设主题标识对应的自定义配置信息之间的映射关系,所述目标主题标识是至少一个预设主题标识中的一个;

3、基于所述预设css动态文件确定与所述目标主题标识具有映射关系的自定义配置信息,以获得所述目标主题标识对应的自定义配置信息;

4、按照所述目标主题标识对应的自定义配置信息对目标主题进行显示。

5、在一种可能的设计中,将至少一个预设主题标识作为环境变量建立预设css动态文件,包括:实时接收管理用户终端发送的预设css动态文件建立指令,并根据所述预设css动态文件建立指令采用css预处理器sass基于至少一个预设主题标识配置环境变量;添加所述环境变量对应的执行语句,并根据所述执行语句采用预设命令行参数构建所述环境变量对应的预设模式;基于所述预设模式进行打包配置操作,以获得sass文件;将所述sass文件的格式转换为css格式,以获得预设css动态文件。

6、在一种可能的设计中,所述基于所述预设模式进行打包配置操作,包括:在所述预设模式下获取所述环境变量中的各预设主题标识,并获取各预设主题标识对应的自定义配置信息;在各预设主题标识与对应的自定义配置信息之间构建映射关系。

7、在一种可能的设计中,所述获取各预设主题标识对应的自定义配置信息,包括:读取原始主题集合,所述原始主题集合包括多个原始主题标识以及各原始主题标识对应的自定义配置信息;在原始主题集合中查找与各预设主题标识相同的原始主题标识对应的自定义配置信息,并将与各预设主题标识相同的原始主题标识对应的自定义配置信息确定为各目标主题标识对应的自定义配置集合并获取。

8、在一种可能的设计中,所述自定义配置信息包括至少一个组件信息以及各组件信息对应的颜色信息;所述基于所述自定义配置信息对目标主题进行显示,包括:基于所述目标主题包括的至少一个组件信息以及各组件信息对应的颜色信息对目标主题进行显示。

9、在一种可能的设计中,所述根据所述修改操作获取目标主题标识以及预设css动态文件之前,还包括:接收用户终端发送的目标主题显示请求,所述目标主题显示请求包括目标主题标识;获取当前自定义属性值,并将所述当前自定义属性值修改为目标主题标识。

10、第二方面,本申请提供一种主题显示装置,包括:获取模块,用于响应于对当前自定义属性值执行修改操作,根据所述修改操作获取目标主题标识以及预设层叠样式表css动态文件;所述当前自定义属性值关联预设css动态文件,所述预设css动态文件是将至少一个预设主题标识作为环境变量建立的,所述预设css动态文件包括至少一个预设主题标识与各预设主题标识对应的自定义配置信息之间的映射关系,所述目标主题标识是至少一个预设主题标识中的一个;

11、确定模块,用于基于所述预设css动态文件确定与所述目标主题标识具有映射关系的自定义配置信息,以获得所述目标主题标识对应的自定义配置信息;

12、显示模块,用于按照所述目标主题标识对应的自定义配置信息对目标主题进行显示。

13、第三方面,本申请实施例提供一种电子设备,包括:处理器,以及与所述处理器通信连接的存储器;

14、所述存储器存储计算机执行指令;

15、所述处理器执行所述存储器存储的计算机执行指令,以实现如上第一方面以及第一方面各种可能的设计所述的主题显示方法。

16、第四方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如上第一方面以及第一方面各种可能的设计所述的主题显示方法。

17、第五方面,本申请实施例提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的主题显示方法。

18、本申请提供的主题显示方法、装置、设备、存储介质及程序产品,响应于对当前自定义属性值执行修改操作,根据所述修改操作获取目标主题标识以及预设层叠样式表css动态文件;所述当前自定义属性值关联预设css动态文件,所述预设css动态文件是将至少一个预设主题标识作为环境变量建立的,所述预设css动态文件包括至少一个预设主题标识与各预设主题标识对应的自定义配置信息之间的映射关系,所述目标主题标识是至少一个预设主题标识中的一个;基于所述预设css动态文件确定与所述目标主题标识具有映射关系的自定义配置信息,以获得所述目标主题标识对应的自定义配置信息;按照所述目标主题标识对应的自定义配置信息对目标主题进行显示。由于预先将至少一个预设主题标识作为环境变量建立了预设css动态文件,并基于预设css动态文件构建了各预设主题标识与其对应自定义配置信息之间的映射关系,所以在对关联预设css动态文件的当前自定义属性值执行修改操作后,通过获取所修改的,包含在至少一个预设主题标识中的目标主题标识以及预设css动态文件,就可基于预设css动态文件中确定出与目标主题标识具有映射关系的自定义配置信息,即目标主题标识对应的自定义配置信息,并可按照目标主题标识对应的自定义配置信息对目标主题进行显示,无需一一调整主题包含的全部变量,减少加载时间,提高显示的流畅度。



技术特征:

1.一种主题显示方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,将至少一个预设主题标识作为环境变量建立预设css动态文件,包括:

3.根据权利要求2所述的方法,其特征在于,所述基于所述预设模式进行打包配置操作,包括:

4.根据权利要求3所述的方法,其特征在于,所述获取各预设主题标识对应的自定义配置信息,包括:

5.根据权利要求1-4任一项所述的方法,其特征在于,所述自定义配置信息包括至少一个组件信息以及各组件信息对应的颜色信息;

6.根据权利要求1-4任一项所述的方法,其特征在于,所述根据所述修改操作获取目标主题标识以及预设css动态文件之前,还包括:

7.一种主题显示装置,其特征在于,所述装置包括:

8.一种电子设备,其特征在于,包括:处理器,以及与所述处理器通信连接的存储器;

9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如权利要求1-6中任一项所述的方法。

10.一种计算机程序产品,其特征在于,包括计算机程序,该计算机程序被处理器执行时实现权利要求1-6中任一项所述的方法。


技术总结
本申请提供一种主题显示方法、装置、设备、存储介质及程序产品。涉及计算机技术领域。该方法包括:响应于对当前自定义属性值执行修改操作,根据修改操作获取目标主题标识以及预设CSS动态文件;当前自定义属性值关联预设CSS动态文件,预设CSS动态文件是将至少一个预设主题标识作为环境变量建立的,具体包括至少一个预设主题标识与各预设主题标识对应的自定义配置信息之间的映射关系,目标主题标识是至少一个预设主题标识中的一个;基于预设CSS动态文件确定与目标主题标识具有映射关系的自定义配置信息,以获得目标主题标识对应的自定义配置信息;按照目标主题标识对应的自定义配置信息对目标主题进行显示,减少加载时间,提高显示的流畅度。

技术研发人员:高小冬
受保护的技术使用者:中国建设银行股份有限公司
技术研发日:
技术公布日:2024/10/31
转载请注明原文地址: https://www.8miu.com/read-20788.html

最新回复(0)