[发明专利]指向标背景色的设置方法及装置、存储介质、处理器

说明书

本发明实施例提供了一种指向标背景色的设置方法及装置、存储介质、处理器，其中，所述方法包括：为页面提示框的主框架和指向标分别定义第一样式名和第二样式名，其中，样式名用于区分主框架和指向标的属性设置；在主框架的第一样式名下设置第一背景色变量；在指向标的第二样式名下设置第二背景色变量，其中，第二背景色变量的设定值直接引用第一背景色变量的设定值。解决了相关技术中页面提示框的指向标颜色无法随着主框架背景色的改变而改变，需要单独进行更改设置，导致操作麻烦且用户体验差的问题。

技术领域

本发明涉及计算机应用技术领域，具体而言，涉及一种指向标背景色的设置方法及装置、存储介质、处理器。

背景技术

前端项目中经常用到气泡弹出窗popover和工具提示框文字提示tooltip。popover的默认背景色是白色的，有时候会需要改变一下，然而popover中的三角形指向标的颜色并不会随着popover弹窗的背景色的改变而改变。同样的，tooltip的默认主题也只有两种(dark/light)，即背景色为黑色或白色。在对tooltip的提示框背景色进行修改的时候，三角形指向标的颜色不会随着改变。若要改变popover或tooltip的提示框架中三角形指向标的颜色，需要单独进行代码改写或手动进行颜色设置。目前的操作既费时费力，又影响用户体验的满意度。

针对相关技术中页面提示框的指向标颜色无法随着主框架背景色的改变而改变，需要单独进行更改设置，导致操作麻烦且用户体验差的问题，目前尚未有合理的解决办法。

发明内容

本发明实施例提供了一种指向标背景色的设置方法及装置、存储介质、处理器，以至少解决相关技术中页面提示框的指向标颜色无法随着主框架背景色的改变而改变，需要单独进行更改设置，导致操作麻烦且用户体验差的问题。

根据本发明的一个实施例，提供了一种指向标背景色的设置方法，包括：为页面提示框的主框架和指向标分别定义第一样式名和第二样式名，其中，所述样式名用于区分所述主框架和所述指向标的属性设置；在所述主框架的第一样式名下设置第一背景色变量；在所述指向标的第二样式名下设置第二背景色变量，其中，所述第二背景色变量的设定值直接引用所述第一背景色变量的设定值。

优选地，为页面提示框的主框架和指向标分别定义第一样式名和第二样式名之前，所述方法还包括：为所述页面提示框定义专属样式名，其中，所述专属样式名用于定位所述页面提示框的指向标。

优选地，在所述指向标的第二样式名下设置第二背景色变量包括：为所述页面提示框设置不同指示方向的所述指向标，其中，所述指向标的指示方向至少包括以下之一：上、下、左、右；在所述指向标的第二样式名下，设置不同指示方向的所述第二背景色变量。

优选地，在所述指向标的第二样式名下，设置不同指示方向的所述第二背景色变量之后，所述方法还包括：当所述第一背景色变量的设定值发生变化时，同时更新不同所述指示方向的所述指向标的第二背景色；根据当前界面上的所述页面提示框的指向标的指示方向，调用与其指示方向一致的所述指向标的第二背景色。

优选地，在所述主框架的第一样式名下设置第一背景色变量包括：在所述主框架的第一样式名下设置线条颜色变量和/或填充颜色变量；在所述指向标的第二样式名下设置第二背景色变量包括：在所述指向标的第二样式名下设置线条颜色变量和/或填充颜色变量。

根据本发明实施例的另一个方面，还提供了一种指向标背景色的设置装置，包括：第一定义模块，用于为页面提示框的主框架和指向标分别定义第一样式名和第二样式名，其中，所述样式名用于区分所述主框架和所述指向标的属性设置；第一设置模块，用于在所述主框架的第一样式名下设置第一背景色变量；第二设置模块，用于在所述指向标的第二样式名下设置第二背景色变量，其中，所述第二背景色变量的设定值直接引用所述第一背景色变量的设定值。