[发明专利]前端在线动态切换主题的显示方法和配置方法

权利要求书

1.一种于前端在线动态切换主题的显示方法，其特征在于，包括以下流程：

A.响应于触发动作，获取所关联的规范值文件，根据获取的规范值文件，从预定义的样式规范中抽离出对应的样式规范值；各触发动作均唯一关联有对应的主题的规范值文件；

B.在scss文件中，根据抽离的样式规范值，调用预封装的minxin方法给相应的css样式赋值。

2.如权利要求1所述的显示方法，其特征在于，所述预定义的样式规范中，至少包括所有主题需要使用到的色值、字体大小和字体规范值。

3.如权利要求2所述的显示方法，其特征在于，所述色值至少包括：

a.依据色系规范来区分的一组规范基础色；

b.依据使用场景来区分的一组功能基础色；和

c.依据设计来区分的一组使用场景色值。

4.如权利要求1所述的显示方法，其特征在于，所述预封装的minxin方法至少包括设置字体颜色的方法，设置字体大小的方法，设置字体的方法，设置背景颜色的方法以及设置边框颜色的方法。

5.如权利要求1所述的显示方法，其特征在于，所述触发动作为对嵌入于HTML元素上的data属性值的操作。

6.如权利要求1所述的显示方法，其特征在于，对所述data属性值的操作为对HTML全局嵌入的自定义data属性的点击操作。

7.一种于前端在线动态切换主题的配置方法，其特征在于，包括以下流程：

A.分别定义所需要的各主题的规范值文件；

B.根据各主题所定义的规范值文件，从预定义的样式规范中抽离样式规范；

C.封装minxin方法为具体的css样式赋值，以供全局使用；

D.在scss文件里，配置对切换主题操作的响应，以调用minxin方法给相应的css样式赋值；

E.添加切换主题的方法；

F.将切换主题的操作配置于前端。

8.如权利要求7所述的配置方法，其特征在于，所述预定义的样式规范中，至少包括所有主题需要使用到的色值、字体大小和字体规范值。

9.如权利要求8所述的配置方法，其特征在于，所述色值至少包括：

a.依据色系规范来区分的一组规范基础色；

b.依据使用场景来区分的一组功能基础色；和

c.依据设计来区分的一组使用场景色值。

10.如权利要求7所述的配置方法，其特征在于，所述将切换主题的操作配置于前端为：将自定义的data属性嵌入HTML元素上。