CN111625335A - 一种主题切换方法、系统、设备及计算机可读存储介质 - Google Patents
一种主题切换方法、系统、设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN111625335A CN111625335A CN202010442610.2A CN202010442610A CN111625335A CN 111625335 A CN111625335 A CN 111625335A CN 202010442610 A CN202010442610 A CN 202010442610A CN 111625335 A CN111625335 A CN 111625335A
- Authority
- CN
- China
- Prior art keywords
- theme
- style
- variable
- target
- custom
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/48—Program initiating; Program switching, e.g. by interrupt
- G06F9/4806—Task transfer initiation or dispatching
- G06F9/4843—Task transfer initiation or dispatching by program, e.g. task dispatcher, supervisor, operating system
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种主题切换方法、系统、设备及计算机可读存储介质,应用于Css预处理器,判断是否对自定义样式的主题进行切换;若对自定义样式的主题进行切换,则获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题;其中,预设主题集合包括预先声明的所有主题的集合;目标颜色混入器包括预先定义的目标颜色的混入器。本申请中,只需要将目标颜色混入器、目标主题名称与样式配置相组合,便可以在不进行代码编写的情况下得到目标样式,提高了目标样式的获取效率,便于快捷进行主题切换。
Description
技术领域
本申请涉及数据处理技术领域,更具体地说,涉及一种主题切换方法、系统、设备及计算机可读存储介质。
背景技术
目前市场上如Gulp、Webpack、Grunt等前端自动化构建、预解析、压缩、打包工具已成为前端开发中不可或缺的部分,其所带来开发的敏捷性,Css(Cascading Style Sheets,层叠样式表)预处理技术的灵活性,备受前端工程师们的青睐。但也正是这些技术预解析、预处理的特性,导致在实现一些效果时,对Css样式操作起来并不像传统项目中那样自如。
比如实现“项目全局换肤的需求”,传统项目中惯用多套主题样式同时引入,然后来回切换根标签的类名,从而实现全局样式的切换。传统项目中Css样式都是在编码阶段引入,操作起来看似更容易,但其实在编写样式阶段工作量很繁琐,且后期维护比较麻烦。现在Css样式多数是由自动化工具打包过程中对Css预处代码解析生成并引入,再像之前那种引入多个Css文件,一是上述的工作量大、难维护,二是在这个前端自动化的时代,显得太过笨重。
综上所述,如何快捷的应用Css进行主题切换是目前本领域技术人员亟待解决的问题。
发明内容
本申请的目的是提供一种主题切换方法,其能在一定程度上解决如何快捷的应用Css进行主题切换的技术问题。本申请还提供了一种主题切换系统、设备及计算机可读存储介质。
为了实现上述目的,本申请提供如下技术方案:
一种主题切换方法,应用于Css预处理器,包括:
判断是否对自定义样式的主题进行切换;
若对所述自定义样式的主题进行切换,则获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将所述目标主题名称写入所述样式配置,并将所述目标颜色混入器引入所述样式配置,组成目标样式,基于所述目标样式切换所述自定义样式的主题;
其中,所述预设主题集合包括预先声明的所有主题的集合;所述目标颜色混入器包括预先定义的目标颜色的混入器。
优选的,所述判断是否对自定义样式的主题进行切换,包括:
获取缓存中设置的第一主题变量,所述第一主题变量表征用户实时设置的主题类型;
获取页面根标签中设置的第二主题变量,所述第二主题变量表征所述自定义样式的主题类型;
判断所述第二主题变量是否与所述第一主题变量一致;
若所述第二主题变量与所述第一主题变量不一致,则判定对所述自定义样式的主题进行切换;若所述第二主题变量与所述第一主题变量一致,则判定不对所述自定义样式的主题进行切换。
优选的,所述目标颜色混入器的类型包括背景颜色混入器、字体颜色混入器、边框颜色混入器。
优选的,所述获取样式配置,包括:
在预处理样式文件中获取所述样式配置;所述预处理样式文件中存储有全局的所述样式配置。
优选的,所述获取缓存中设置的第一主题变量之后,还包括:
基于所述第一主题变量判断是否对UI框架的主题进行切换;
若对所述UI框架的主题进行切换,则在预设的静态资源目录中确定出目标UI框架样式的路径并引入。
优选的,所述获取缓存中设置的第一主题变量之后,还包括:
基于所述第一主题变量判断是否对第三方组件的主题进行切换;
若对所述第三方组件的主题进行切换,则调用所述第三方组件的API,并传入目标主题参数至所述API。
优选的,所述基于所述第一主题变量判断是否对第三方组件的主题进行切换,包括:
获取声明的全局变量,所述全局变量用于表征所述第三方组件的主题类型;
监听所述全局变量是否与所述第一主题变量一致;
若所述全局变量与所述第一主题变量一致,则判定不对所述第三方组件的主题进行切换;若所述全局变量与所述第一主题变量不一致,则判定对所述第三方组件的主题进行切换。
一种主题切换系统,应用于Css预处理器,包括:
第一判断模块,用于判断是否对自定义样式的主题进行切换;
第一执行模块,用于对所述自定义样式的主题进行切换时,获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将所述目标主题名称写入所述样式配置,并将所述目标颜色混入器引入所述样式配置,组成目标样式,基于所述目标样式切换所述自定义样式的主题;其中,所述预设主题集合包括预先声明的所有主题的集合;所述目标颜色混入器包括预先定义的目标颜色的混入器。
一种主题切换设备,包括:
存储器,用于存储计算机程序;
Css预处理器,用于执行所述计算机程序时实现如上任一所述主题切换方法的步骤。
一种计算机可读存储介质,应用于Css预处理器,所述计算机可读存储介质中存储有计算机程序,所述计算机程序被处理器执行时实现如上任一所述主题切换方法的步骤。
本申请提供的一种主题切换方法,应用于Css预处理器,判断是否对自定义样式的主题进行切换;若对自定义样式的主题进行切换,则获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题;其中,预设主题集合包括预先声明的所有主题的集合;目标颜色混入器包括预先定义的目标颜色的混入器。本申请中,只需要将目标颜色混入器、目标主题名称与样式配置相组合,便可以在无需进行代码编写的情况下得到目标样式,降低了目标样式的获取难度,提高了目标样式的获取效率,便于快捷进行主题切换。本申请提供的一种主题切换系统、设备及计算机可读存储介质也解决了相应技术问题。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请实施例提供的一种主题切换方法的流程图;
图2为本申请实施例提供的一种主题切换系统的结构示意图;
图3为本申请实施例提供的一种主题切换设备的结构示意图;
图4为本申请实施例提供的一种主题切换设备的另一结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
请参阅图1,图1为本申请实施例提供的一种主题切换方法的流程图。
本申请实施例提供的一种主题切换方法,应用于Css预处理器,可以包括以下步骤:
步骤S101:判断是否对自定义样式的主题进行切换;若对自定义样式的主题进行切换,则执行步骤S102。
步骤S102:获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题;其中,预设主题集合包括预先声明的所有主题的集合;目标颜色混入器包括预先定义的目标颜色的混入器。
实际应用中,可以先判断是否对自定义样式的主题进行切换,自定义样式指的是用户自定义的样式;若需要对自定义样式的主题进行切换,则需要获取样式配置,样式配置指的是自定义样式的配置信息,并在预设主题集合中获取目标主题名称,目标主题名称也即切换后的自定义样式的主题名称,确定目标颜色混入器,目标颜色也即切换后的自定义样式的颜色;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题,具体的,可以对目标样式进行解析以使目标样式发挥作用,进而完成自定义样式的主题的切换。
应当指出,预设主题集合包括预先声明的所有主题的集合,也即预设主题集合中包括自定义样式所有可能出现的主题;目标颜色混入器包括预先定义的目标颜色的混入器,本申请中的混入器类似在Javascript中声明供页面调用的函数一样,暴露出供自定义样式中调用的混入指令,JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言,虽然JavaScript是作为开发Web页面的脚本语言而出名的,但是JavaScript也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
本申请提供的一种主题切换方法,应用于Css预处理器,判断是否对自定义样式的主题进行切换;若对自定义样式的主题进行切换,则获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题;其中,预设主题集合包括预先声明的所有主题的集合;目标颜色混入器包括预先定义的目标颜色的混入器。本申请中,只需要将目标颜色混入器、目标主题名称与样式配置相组合,便可以在无需进行代码编写的情况下得到目标样式,降低了目标样式的获取难度,提高了目标样式的获取效率,便于快捷进行主题切换。
本申请实施例提供的一种主题切换方法,应用于Css预处理器,为了便于判断是否对自定义样式的主题进行切换,可以比较用户所需的主题与当前的主题是否一致来判断是否进行主题切换,也即判断是否对自定义样式的主题进行切换的步骤,可以具体为:获取缓存中设置的第一主题变量,第一主题变量表征用户实时设置的主题类型;获取页面根标签中设置的第二主题变量,第二主题变量表征自定义样式的主题类型;判断第二主题变量是否与第一主题变量一致;若第二主题变量与第一主题变量不一致,则判定对自定义样式的主题进行切换;若第二主题变量与第一主题变量一致,则判定不对自定义样式的主题进行切换。
实际应用中,目标颜色混入器的类型可以包括背景颜色混入器、字体颜色混入器、边框颜色混入器等。各个混入器的颜色可以根据实际需要确定,比如表示夜晚主题的黑色,表示白天主题的白色等。
实际应用中,为了便于获取样式配置,可以在特定位置保存样式配置,相应的,获取样式配置的步骤,可以具体为:在预处理样式文件中获取样式配置;预处理样式文件中存储有全局的样式配置。具体应用场景中,预处理样式文件可以设置在项目目录的文件夹下等。
本申请实施例提供的一种主题切换方法,应用于Css预处理器,在进行全局换肤的过程中,除了对自定义样式的主题进行切换,有时还需要对UI框架的主题进行切换,因此在获取缓存中设置的第一主题变量之后,还可以基于第一主题变量判断是否对UI框架的主题进行切换;若对UI框架的主题进行切换,则在预设的静态资源目录中确定出目标UI框架样式的路径并引入。其中,静态资源目录可以为static、public等目录,由于自动化工具对资源打包过程中,不会对静态资源目录进行编译或预处理,所以可以便于确定静态资源目录的引用路径。具体应用场景中,静态资源目录中可以存储有当前UI框架的字符集文件及相关主题的Css样式文件等。
本申请实施例提供的一种主题切换方法,应用于Css预处理器,在进行全局换肤的过程中,除了对自定义样式的主题进行切换,有时还需要对第三方组件的主题进行切换,因此在获取缓存中设置的第一主题变量之后,还可以基于第一主题变量判断是否对第三方组件的主题进行切换;若对第三方组件的主题进行切换,则调用第三方组件的API(Application Programming Interface,应用程序接口),并传入目标主题参数至API。
实际应用中,基于第一主题变量判断是否对第三方组件的主题进行切换的步骤,可以具体为:获取声明的全局变量,全局变量用于表征第三方组件的主题类型;监听全局变量是否与第一主题变量一致;若全局变量与第一主题变量一致,则判定不对第三方组件的主题进行切换;若全局变量与第一主题变量不一致,则判定对第三方组件的主题进行切换。
具体应用场景中,可以借助Vue框架中的watch侦听器等来监听全局变量是否与第一主题变量一致等。
请参阅图2,图2为本申请实施例提供的一种主题切换系统的结构示意图。
本申请实施例提供的一种主题切换系统,应用于Css预处理器,可以包括:
第一判断模块101,用于判断是否对自定义样式的主题进行切换;
第一执行模块102,用于对自定义样式的主题进行切换时,获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题;其中,预设主题集合包括预先声明的所有主题的集合;目标颜色混入器包括预先定义的目标颜色的混入器。
本申请实施例提供的一种主题切换系统,应用于Css预处理器,第一判断模块可以包括:
第一获取单元,用于获取缓存中设置的第一主题变量,第一主题变量表征用户实时设置的主题类型;
第二获取单元,用于获取页面根标签中设置的第二主题变量,第二主题变量表征自定义样式的主题类型;
第一判断单元,用于判断第二主题变量是否与第一主题变量一致;若第二主题变量与第一主题变量不一致,则判定对自定义样式的主题进行切换;若第二主题变量与第一主题变量一致,则判定不对自定义样式的主题进行切换。
本申请实施例提供的一种主题切换系统,应用于Css预处理器,目标颜色混入器的类型可以包括背景颜色混入器、字体颜色混入器、边框颜色混入器。
本申请实施例提供的一种主题切换系统,应用于Css预处理器,第一执行模块可以包括:
第三获取单元,用于在预处理样式文件中获取样式配置;预处理样式文件中存储有全局的样式配置。
本申请实施例提供的一种主题切换系统,应用于Css预处理器,还可以包括:
第二判断模块,用于第一获取单元获取缓存中设置的第一主题变量之后,基于第一主题变量判断是否对UI框架的主题进行切换;若对UI框架的主题进行切换,则在预设的静态资源目录中确定出目标UI框架样式的路径并引入。
本申请实施例提供的一种主题切换系统,应用于Css预处理器,还可以包括:
第三判断模块,用于第一获取单元获取缓存中设置的第一主题变量之后,基于第一主题变量判断是否对第三方组件的主题进行切换;若对第三方组件的主题进行切换,则调用第三方组件的API,并传入目标主题参数至API。
本申请实施例提供的一种主题切换系统,应用于Css预处理器,第三判断模块可以包括:
第四获取单元,用于获取声明的全局变量,全局变量用于表征第三方组件的主题类型;
第一监听单元,用于监听全局变量是否与第一主题变量一致;若全局变量与第一主题变量一致,则判定不对第三方组件的主题进行切换;若全局变量与第一主题变量不一致,则判定对第三方组件的主题进行切换。
本申请还提供了一种主题切换设备及计算机可读存储介质,其均具有本申请实施例提供的一种主题切换方法具有的对应效果。请参阅图3,图3为本申请实施例提供的一种主题切换设备的结构示意图。
本申请实施例提供的一种主题切换设备,包括存储器201和Css预处理器202,存储器201中存储有计算机程序,Css预处理器202执行计算机程序时实现如下步骤:
判断是否对自定义样式的主题进行切换;
若对自定义样式的主题进行切换,则获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题;
其中,预设主题集合包括预先声明的所有主题的集合;目标颜色混入器包括预先定义的目标颜色的混入器。
本申请实施例提供的一种主题切换设备,包括存储器201和Css预处理器202,存储器201中存储有计算机程序,Css预处理器202执行计算机程序时实现如下步骤:获取缓存中设置的第一主题变量,第一主题变量表征用户实时设置的主题类型;获取页面根标签中设置的第二主题变量,第二主题变量表征自定义样式的主题类型;判断第二主题变量是否与第一主题变量一致;若第二主题变量与第一主题变量不一致,则判定对自定义样式的主题进行切换;若第二主题变量与第一主题变量一致,则判定不对自定义样式的主题进行切换。
本申请实施例提供的一种主题切换设备,包括存储器201和Css预处理器202,存储器201中存储有计算机程序,Css预处理器202执行计算机程序时实现如下步骤:目标颜色混入器的类型包括背景颜色混入器、字体颜色混入器、边框颜色混入器。
本申请实施例提供的一种主题切换设备,包括存储器201和Css预处理器202,存储器201中存储有计算机程序,Css预处理器202执行计算机程序时实现如下步骤:在预处理样式文件中获取样式配置;预处理样式文件中存储有全局的样式配置。
本申请实施例提供的一种主题切换设备,包括存储器201和Css预处理器202,存储器201中存储有计算机程序,Css预处理器202执行计算机程序时实现如下步骤:获取缓存中设置的第一主题变量之后,基于第一主题变量判断是否对UI框架的主题进行切换;若对UI框架的主题进行切换,则在预设的静态资源目录中确定出目标UI框架样式的路径并引入。
本申请实施例提供的一种主题切换设备,包括存储器201和Css预处理器202,存储器201中存储有计算机程序,Css预处理器202执行计算机程序时实现如下步骤:获取缓存中设置的第一主题变量之后,基于第一主题变量判断是否对第三方组件的主题进行切换;若对第三方组件的主题进行切换,则调用第三方组件的API,并传入目标主题参数至API。
本申请实施例提供的一种主题切换设备,包括存储器201和Css预处理器202,存储器201中存储有计算机程序,Css预处理器202执行计算机程序时实现如下步骤:获取声明的全局变量,全局变量用于表征第三方组件的主题类型;监听全局变量是否与第一主题变量一致;若全局变量与第一主题变量一致,则判定不对第三方组件的主题进行切换;若全局变量与第一主题变量不一致,则判定对第三方组件的主题进行切换。
请参阅图4,本申请实施例提供的另一种主题切换设备中还可以包括:与Css预处理器202连接的输入端口203,用于传输外界输入的命令至Css预处理器202;与Css预处理器202连接的显示单元204,用于显示Css预处理器202的处理结果至外界;与Css预处理器202连接的通信模块205,用于实现主题切换设备与外界的通信。显示单元204可以为显示面板、激光扫描使显示器等;通信模块205所采用的通信方式包括但不局限于移动高清链接技术(HML)、通用串行总线(USB)、高清多媒体接口(HDMI)、无线连接:无线保真技术(WiFi)、蓝牙通信技术、低功耗蓝牙通信技术、基于IEEE802.11s的通信技术。
本申请实施例提供的一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,计算机程序被处理器执行时实现如下步骤:
判断是否对自定义样式的主题进行切换;
若对自定义样式的主题进行切换,则获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将目标主题名称写入样式配置,并将目标颜色混入器引入样式配置,组成目标样式,基于目标样式切换自定义样式的主题;
其中,预设主题集合包括预先声明的所有主题的集合;目标颜色混入器包括预先定义的目标颜色的混入器。
本申请实施例提供的一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,计算机程序被处理器执行时实现如下步骤:获取缓存中设置的第一主题变量,第一主题变量表征用户实时设置的主题类型;获取页面根标签中设置的第二主题变量,第二主题变量表征自定义样式的主题类型;判断第二主题变量是否与第一主题变量一致;若第二主题变量与第一主题变量不一致,则判定对自定义样式的主题进行切换;若第二主题变量与第一主题变量一致,则判定不对自定义样式的主题进行切换。
本申请实施例提供的一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,计算机程序被处理器执行时实现如下步骤:目标颜色混入器的类型包括背景颜色混入器、字体颜色混入器、边框颜色混入器。
本申请实施例提供的一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,计算机程序被处理器执行时实现如下步骤:在预处理样式文件中获取样式配置;预处理样式文件中存储有全局的样式配置。
本申请实施例提供的一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,计算机程序被处理器执行时实现如下步骤:获取缓存中设置的第一主题变量之后,基于第一主题变量判断是否对UI框架的主题进行切换;若对UI框架的主题进行切换,则在预设的静态资源目录中确定出目标UI框架样式的路径并引入。
本申请实施例提供的一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,计算机程序被处理器执行时实现如下步骤:获取缓存中设置的第一主题变量之后,基于第一主题变量判断是否对第三方组件的主题进行切换;若对第三方组件的主题进行切换,则调用第三方组件的API,并传入目标主题参数至API。
本申请实施例提供的一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,计算机程序被处理器执行时实现如下步骤:获取声明的全局变量,全局变量用于表征第三方组件的主题类型;监听全局变量是否与第一主题变量一致;若全局变量与第一主题变量一致,则判定不对第三方组件的主题进行切换;若全局变量与第一主题变量不一致,则判定对第三方组件的主题进行切换。
本申请所涉及的计算机可读存储介质包括随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质。
本申请实施例提供的主题切换系统、设备及计算机可读存储介质中相关部分的说明请参见本申请实施例提供的主题切换方法中对应部分的详细说明,在此不再赘述。另外,本申请实施例提供的上述技术方案中与现有技术中对应技术方案实现原理一致的部分并未详细说明,以免过多赘述。
还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
对所公开的实施例的上述说明,使本领域技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种主题切换方法,其特征在于,应用于Css预处理器,包括:
判断是否对自定义样式的主题进行切换;
若对所述自定义样式的主题进行切换,则获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将所述目标主题名称写入所述样式配置,并将所述目标颜色混入器引入所述样式配置,组成目标样式,基于所述目标样式切换所述自定义样式的主题;
其中,所述预设主题集合包括预先声明的所有主题的集合;所述目标颜色混入器包括预先定义的目标颜色的混入器。
2.根据权利要求1所述的方法,其特征在于,所述判断是否对自定义样式的主题进行切换,包括:
获取缓存中设置的第一主题变量,所述第一主题变量表征用户实时设置的主题类型;
获取页面根标签中设置的第二主题变量,所述第二主题变量表征所述自定义样式的主题类型;
判断所述第二主题变量是否与所述第一主题变量一致;
若所述第二主题变量与所述第一主题变量不一致,则判定对所述自定义样式的主题进行切换;若所述第二主题变量与所述第一主题变量一致,则判定不对所述自定义样式的主题进行切换。
3.根据权利要求2所述的方法,其特征在于,所述目标颜色混入器的类型包括背景颜色混入器、字体颜色混入器、边框颜色混入器。
4.根据权利要求2所述的方法,其特征在于,所述获取样式配置,包括:
在预处理样式文件中获取所述样式配置;所述预处理样式文件中存储有全局的所述样式配置。
5.根据权利要求2至4任一项所述的方法,其特征在于,所述获取缓存中设置的第一主题变量之后,还包括:
基于所述第一主题变量判断是否对UI框架的主题进行切换;
若对所述UI框架的主题进行切换,则在预设的静态资源目录中确定出目标UI框架样式的路径并引入。
6.根据权利要求5所述的方法,其特征在于,所述获取缓存中设置的第一主题变量之后,还包括:
基于所述第一主题变量判断是否对第三方组件的主题进行切换;
若对所述第三方组件的主题进行切换,则调用所述第三方组件的API,并传入目标主题参数至所述API。
7.根据权利要求4所述的方法,其特征在于,所述基于所述第一主题变量判断是否对第三方组件的主题进行切换,包括:
获取声明的全局变量,所述全局变量用于表征所述第三方组件的主题类型;
监听所述全局变量是否与所述第一主题变量一致;
若所述全局变量与所述第一主题变量一致,则判定不对所述第三方组件的主题进行切换;若所述全局变量与所述第一主题变量不一致,则判定对所述第三方组件的主题进行切换。
8.一种主题切换系统,其特征在于,应用于Css预处理器,包括:
第一判断模块,用于判断是否对自定义样式的主题进行切换;
第一执行模块,用于对所述自定义样式的主题进行切换时,获取样式配置,在预设主题集合中获取目标主题名称,确定目标颜色混入器;将所述目标主题名称写入所述样式配置,并将所述目标颜色混入器引入所述样式配置,组成目标样式,基于所述目标样式切换所述自定义样式的主题;其中,所述预设主题集合包括预先声明的所有主题的集合;所述目标颜色混入器包括预先定义的目标颜色的混入器。
9.一种主题切换设备,其特征在于,包括:
存储器,用于存储计算机程序;
Css预处理器,用于执行所述计算机程序时实现如权利要求1至7任一项所述主题切换方法的步骤。
10.一种计算机可读存储介质,其特征在于,应用于Css预处理器,所述计算机可读存储介质中存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述主题切换方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010442610.2A CN111625335A (zh) | 2020-05-22 | 2020-05-22 | 一种主题切换方法、系统、设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010442610.2A CN111625335A (zh) | 2020-05-22 | 2020-05-22 | 一种主题切换方法、系统、设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111625335A true CN111625335A (zh) | 2020-09-04 |
Family
ID=72271908
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010442610.2A Withdrawn CN111625335A (zh) | 2020-05-22 | 2020-05-22 | 一种主题切换方法、系统、设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111625335A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113342413A (zh) * | 2021-05-31 | 2021-09-03 | 北京百度网讯科技有限公司 | 用于处理组件的方法、装置、设备、介质和产品 |
CN114185629A (zh) * | 2021-11-26 | 2022-03-15 | 北京达佳互联信息技术有限公司 | 一种页面展示方法、装置、电子设备和存储介质 |
CN114625459A (zh) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | 一种页面主题风格切换的方法、系统、装置和介质 |
CN115686723A (zh) * | 2022-11-11 | 2023-02-03 | 北京百度网讯科技有限公司 | 主题样式文件生成方法、装置、设备、存储介质及产品 |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101356494A (zh) * | 2006-05-16 | 2009-01-28 | 捷讯研究有限公司 | 对主题进行换肤的系统和方法 |
US20120212501A1 (en) * | 2011-02-21 | 2012-08-23 | International Business Machines Corporation | Automated method for customizing theme colors in a styling system |
US20130111324A1 (en) * | 2011-10-28 | 2013-05-02 | Microsoft Corporation | Theming Engine |
CN103761098A (zh) * | 2014-01-23 | 2014-04-30 | 贝壳网际(北京)安全技术有限公司 | 一种网页换肤方法、装置及浏览器 |
US20150220496A1 (en) * | 2014-02-06 | 2015-08-06 | Sugarcrm Inc. | Dynamic sprite based theme switching |
CN105117469A (zh) * | 2015-08-28 | 2015-12-02 | 无锡天脉聚源传媒科技有限公司 | 一种个性化替换网页主题的方法及装置 |
CN106126733A (zh) * | 2016-07-04 | 2016-11-16 | 浪潮(北京)电子信息产业有限公司 | 一种更换css样式的方法及系统 |
CN106569885A (zh) * | 2016-10-13 | 2017-04-19 | 乐视控股(北京)有限公司 | 应用主题切换方法及装置 |
CN106775773A (zh) * | 2017-01-20 | 2017-05-31 | 深圳市金立通信设备有限公司 | 一种主题控制方法、及终端设备 |
CN106951542A (zh) * | 2017-03-23 | 2017-07-14 | 福建中金在线信息科技有限公司 | 一种基于less的主题生成方法及装置 |
CN108228677A (zh) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | 切换网站主题风格的方法和装置 |
CN109542434A (zh) * | 2018-10-25 | 2019-03-29 | 深圳点猫科技有限公司 | 一种基于编程语言的主题动态切换方法及电子设备 |
CN111104117A (zh) * | 2019-12-17 | 2020-05-05 | 深圳前海环融联易信息科技服务有限公司 | 页面主题风格切换方法、装置、电子设备及计算机存储介质 |
-
2020
- 2020-05-22 CN CN202010442610.2A patent/CN111625335A/zh not_active Withdrawn
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101356494A (zh) * | 2006-05-16 | 2009-01-28 | 捷讯研究有限公司 | 对主题进行换肤的系统和方法 |
US20120212501A1 (en) * | 2011-02-21 | 2012-08-23 | International Business Machines Corporation | Automated method for customizing theme colors in a styling system |
US20130111324A1 (en) * | 2011-10-28 | 2013-05-02 | Microsoft Corporation | Theming Engine |
CN103761098A (zh) * | 2014-01-23 | 2014-04-30 | 贝壳网际(北京)安全技术有限公司 | 一种网页换肤方法、装置及浏览器 |
US20150220496A1 (en) * | 2014-02-06 | 2015-08-06 | Sugarcrm Inc. | Dynamic sprite based theme switching |
CN105117469A (zh) * | 2015-08-28 | 2015-12-02 | 无锡天脉聚源传媒科技有限公司 | 一种个性化替换网页主题的方法及装置 |
CN106126733A (zh) * | 2016-07-04 | 2016-11-16 | 浪潮(北京)电子信息产业有限公司 | 一种更换css样式的方法及系统 |
CN106569885A (zh) * | 2016-10-13 | 2017-04-19 | 乐视控股(北京)有限公司 | 应用主题切换方法及装置 |
CN108228677A (zh) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | 切换网站主题风格的方法和装置 |
CN106775773A (zh) * | 2017-01-20 | 2017-05-31 | 深圳市金立通信设备有限公司 | 一种主题控制方法、及终端设备 |
CN106951542A (zh) * | 2017-03-23 | 2017-07-14 | 福建中金在线信息科技有限公司 | 一种基于less的主题生成方法及装置 |
CN109542434A (zh) * | 2018-10-25 | 2019-03-29 | 深圳点猫科技有限公司 | 一种基于编程语言的主题动态切换方法及电子设备 |
CN111104117A (zh) * | 2019-12-17 | 2020-05-05 | 深圳前海环融联易信息科技服务有限公司 | 页面主题风格切换方法、装置、电子设备及计算机存储介质 |
Non-Patent Citations (2)
Title |
---|
叶文全: "CSS自定义属性在Web前端中的应用研究", 《集宁师范学院学报》 * |
赵雅鹏等: "一种地图文档的简单图层样式提取方法", 《测绘技术装备》 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113342413A (zh) * | 2021-05-31 | 2021-09-03 | 北京百度网讯科技有限公司 | 用于处理组件的方法、装置、设备、介质和产品 |
CN113342413B (zh) * | 2021-05-31 | 2023-11-10 | 北京百度网讯科技有限公司 | 用于处理组件的方法、装置、设备、介质和产品 |
CN114185629A (zh) * | 2021-11-26 | 2022-03-15 | 北京达佳互联信息技术有限公司 | 一种页面展示方法、装置、电子设备和存储介质 |
CN114625459A (zh) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | 一种页面主题风格切换的方法、系统、装置和介质 |
CN115686723A (zh) * | 2022-11-11 | 2023-02-03 | 北京百度网讯科技有限公司 | 主题样式文件生成方法、装置、设备、存储介质及产品 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111625335A (zh) | 一种主题切换方法、系统、设备及计算机可读存储介质 | |
CN105335132B (zh) | 一种自定义应用程序功能的方法、装置以及系统 | |
CN112068911B (zh) | 电子表单的生成方法、装置、系统、设备以及介质 | |
CN113655999A (zh) | 一种页面控件的渲染方法、装置、设备及存储介质 | |
US20240007701A1 (en) | Continuing video playback when switching from a dynamic page to a non-dynamic page | |
CN109857964B (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
CN114416069A (zh) | 应用开发平台、微程序生成方法、设备及存储介质 | |
CN112115394A (zh) | 数据展示方法、服务器、终端和介质 | |
CN110941428A (zh) | 一种网站创建方法和装置 | |
CN102253986A (zh) | 提高多终端网页显示效果的方法和装置 | |
CN111736831A (zh) | 一种基于移动端html页面的自定义菜单组件开发方法 | |
CN111435313A (zh) | 一种软件换肤的方法及装置 | |
CN112579066A (zh) | 图表展示方法、装置、存储介质及设备 | |
CN111125998A (zh) | 文本处理方法和装置 | |
CN110968991A (zh) | 一种文字的编辑方法及相关装置 | |
CN114546359A (zh) | Dsl描述文件生成方法、装置、设备及存储介质 | |
CN112486378B (zh) | 图形生成方法、装置、终端及存储介质 | |
CN113934486A (zh) | 用户界面组件可实时编辑及渲染的方法及装置 | |
CN113254830A (zh) | 网页配置方法、装置、电子设备与存储介质 | |
CN107180107B (zh) | Ionic框架下的手机附件上传选择文件的方法及系统 | |
CN114003213A (zh) | 数据处理方法、装置及设备 | |
JP2006048130A (ja) | テーブル画像の自動認識による画像出力の為の方法、端末装置およびプログラム | |
CN112558973A (zh) | 一种前端页面的生成方法及装置、存储介质、电子装置 | |
KR20140114968A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
CN116301342A (zh) | Ar眼镜一体机的输入方法、装置、设备、存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20200904 |
|
WW01 | Invention patent application withdrawn after publication |