[发明专利]基于Vue框架和CSS变量的CSS动态编程方法在审
| 申请号： | 202111334571.5 | 申请日： | 2021-11-11 |
| 公开（公告）号： | CN113918155A | 公开（公告）日： | 2022-01-11 |
| 发明（设计）人： | 田浪 | 申请（专利权）人： | 中电四川数据服务有限公司 |
| 主分类号： | G06F8/38 | 分类号： | G06F8/38;G06F8/33 |
| 代理公司： | 成都弘毅天承知识产权代理有限公司 51230 | 代理人： | 朱丹 |
| 地址： | 610036 四川省成都市自由贸易试验*** | 国省代码： | 四川;51 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 基于 vue 框架 css 变量 动态 编程 方法 | ||
1.基于Vue框架和CSS变量的CSS动态编程方法，其特征在于，包括以下步骤：
步骤1：通过事件监听，获取交互数据，使用CSS变量，将交互数据注册为通用变量；
步骤2：在Vue框架的组件内部通过Vue自定义指令功能注册私有变量；
步骤3：在CSS中使用步骤1和步骤2中注册的变量，即实现了动态编程。
2.根据权利要求1所述的基于Vue框架和CSS变量的CSS动态编程方法，其特征在于，所述步骤1具体包括如下步骤：
步骤1.1：使用JavaScript监听鼠标的点击、移动、滚轮事件以及键盘的按下、按住事件；
步骤1.2：将步骤1.1中收集到的被鼠标点击的元素信息、鼠标坐标位置以及键盘按键信息、通过CSS变量注册功能注册到root中，成为通用变量。
3.根据权利要求1所述的基于Vue框架和CSS变量的CSS动态编程方法，其特征在于，所述步骤2具体包括如下步骤：
步骤2.1：使用Vue自定义指令功能，创建并注册私有变量注册指令；
步骤2.2：在Vue框架的组件上使用步骤2.1中注册的指令，注册当前组件的私有变量。
4.根据权利要求1所述的基于Vue框架和CSS变量的CSS动态编程方法，其特征在于，所述通用变量为，所有Dom元素都可以使用的变量。
5.根据权利要求1所述的基于Vue框架和CSS变量的CSS动态编程方法，其特征在于，所述私有变量为，只有发起变量注册的组件才能够使用的变量。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于中电四川数据服务有限公司，未经中电四川数据服务有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/202111334571.5/1.html，转载请声明来源钻瓜专利网。
