【技术实现步骤摘要】
一种生成多主题样式的方法及装置
本专利技术涉及互联网
,特别是涉及一种生成多主题样式的方法及装置。
技术介绍
随着互联网技术的发展,前端技术发展更新日益加快,尤其是近几年HTML5(HyperTextMarkupLanguage5,第五代超级文本标记语言)技术的发展,使得HTML5在整个互联网世界绽放光彩。在前端技术中,css(CascadingStyleSheets,层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。随着社交网站的普及,用户对网页的个性化需求也日益增加,网页多主题的选择、自定义等功能更是不胜枚举。然而,现有的生成多主题样式的方法,需要对每一个主题样式生成一个样式文件,并对每一个主题样式设计出一套相对应的图标按钮背景。因此,现有生成多主题样式的方法灵活性不高。
技术实现思路
本专利技术实施例的目的在于提供一种生成多主题样式的方法及装置,以提高生成多主题样式的灵活性。具体技术方案如下:本专利技 ...
【技术保护点】
一种生成多主题样式的方法,其特征在于,包括:确定sass文件中的可变属性变量,将所述可变属性变量以显示界面的形式呈现给用户,其中,所述可变属性变量用于确定待生成主题样式页面的页面布局;获取所述显示界面中模块参数的值,将所述模块参数的值赋给所述模块参数对应的可变属性变量,其中,所述模块参数的值是所述用户设置的;通过预设脚本对所述sass文件进行编译,生成css文件;存储所述css文件,得到所述css文件对应的主题样式。
【技术特征摘要】
1.一种生成多主题样式的方法,其特征在于,包括:确定sass文件中的可变属性变量,将所述可变属性变量以显示界面的形式呈现给用户,其中,所述可变属性变量用于确定待生成主题样式页面的页面布局;获取所述显示界面中模块参数的值,将所述模块参数的值赋给所述模块参数对应的可变属性变量,其中,所述模块参数的值是所述用户设置的;通过预设脚本对所述sass文件进行编译,生成css文件;存储所述css文件,得到所述css文件对应的主题样式。2.根据权利要求1所述的生成多主题样式的方法,其特征在于,在所述存储所述css文件,得到所述css文件对应的主题样式之前,所述方法还包括:将所述css文件导入所述待生成主题样式页面,生成预览页面。3.根据权利要求2所述的生成多主题样式的方法,其特征在于,在所述生成预览页面之后,所述方法还包括:步骤A,当接收到所述用户对所述预览页面进行修改的操作指令时,依次执行步骤B、步骤C和步骤D、步骤E:步骤B,呈现所述显示界面给所述用户;步骤C,获取所述显示界面中模块参数的值,将所述模块参数的值赋给所述模块参数对应的可变属性变量,其中,所述模块参数的值为所述用户修改后的值;步骤D,通过所述预设脚本对所述sass文件进行编译,重新生成css文件;步骤E,将所述css文件导入所述待生成主题样式页面,重新生成预览页面;在所述预览页面不为目标主题样式时,执行接收所述用户对所述预览页面进行修改的操作指令的步骤,返回步骤A,直至所述预览页面为目标主题样式。4.根据权利要求1所述的生成多主题样式的方法,其特征在于,所述获取所述显示界面中模块参数的值,将所述模块参数的值赋给所述模块参数对应的可变属性变量,包括:通过预先编写的JavaScript脚本文件获取所述模块参数的值,将所述模块参数的值赋给所述模块参数对应的可变属性变量。5.根据权利要求1-4任一项所述的生成多主题样式的方法,其特征在于,所述sass文件为通过编...
【专利技术属性】
技术研发人员:沈文策,
申请(专利权)人:福建中金在线信息科技有限公司,
类型:发明
国别省市:福建,35
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。