[發明專利]一種基于angular框架的系統主題色的自定義方法及系統在審
| 申請號： | 202211022307.2 | 申請日： | 2022-08-25 |
| 公開（公告）號： | CN115408636A | 公開（公告）日： | 2022-11-29 |
| 發明（設計）人： | 鄭森紅 | 申請（專利權）人： | 浪潮云信息技術股份公司 |
| 主分類號： | G06F16/958 | 分類號： | G06F16/958;G06F9/48;G06F9/451;G06F3/0484 |
| 代理公司： | 濟南信達專利事務所有限公司 37100 | 代理人： | 姜鵬 |
| 地址： | 250100 山東省濟南市高*** | 國省代碼： | 山東;37 |
| 權利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關鍵詞： | 一種 基于 angular 框架 系統 主題 自定義 方法 | ||
1.一種基于angular框架的系統主題色的自定義方法，其特征在于：所述基于ANGULAR框架的系統主題色的自定義方法包括以下步驟：
寫一個web頁面改變主題色的彈窗；
引入ngx-color-picker使用顏色選擇器；
輸入框和顏色選擇器進行組件的封裝，然后在需要調用的界面引入；
引入css-vars-ponyfill改變css變量，引入后在angular.json中引入js文件；
在css樣式中使用該css變量，修改css樣式；
把選擇的主題色在本地緩存一下，刷新后頁面調用本地緩存的主題色。
2.根據權利要求1所述的一種基于angular框架的系統主題色的自定義方法，其特征在于：彈窗使用的是遵循Ant Design設計規范的Angular UI組件庫ng-zorro-antd中的nz-modal對話框。
3.根據權利要求2所述的一種基于angular框架的系統主題色的自定義方法，其特征在于：在輸入框中使用顏色選擇器，用戶點擊輸入框時，顏色選擇器會出現；在輸入框輸入自己想要的顏色，在顏色選擇器上定位到自己輸入的顏色。
4.根據權利要求1所述的一種基于angular框架的系統主題色的自定義方法，其特征在于：引入js文件后，在修改主題色的事件中，通過js操作改變css變量。
5.一種如上述權利要求1-4任意一項所述的基于angular框架的系統主題色的自定義系統，其特征在于：該系統由彈窗模塊、顏色選擇器、組件封裝模塊、轉換模塊、修改模塊以及緩存模塊構成；
彈窗模塊，用于寫一個web頁面改變主題色的彈窗；
顏色選擇器，用于引入ngx-color-picker使用顏色選擇器；
組件封裝模塊，用于輸入框和顏色選擇器進行組件的封裝，然后在需要調用的界面引入；
轉換模塊，用于引入css-vars-ponyfill改變css變量，引入后在angular.json中引入js文件；
修改模塊，用于在css樣式中使用該css變量，修改css樣式；
緩存模塊，用于把選擇的主題色在本地緩存一下，刷新后頁面調用本地緩存的主題色。
6.根據權利要求5所述的一種基于angular框架的系統主題色的自定義系統，其特征在于：所述彈窗模塊中，彈窗使用的是遵循Ant Design設計規范的Angular UI組件庫ng-zorro-antd中的nz-modal對話框。
7.根據權利要求6所述的一種基于angular框架的系統主題色的自定義系統，其特征在于：所述組件封裝模塊中，在輸入框中使用顏色選擇器，用戶點擊輸入框時，顏色選擇器會出現；在輸入框輸入自己想要的顏色，在顏色選擇器上定位到自己輸入的顏色。
8.根據權利要求7所述的一種基于angular框架的系統主題色的自定義系統，其特征在于：所述轉換模塊中，引入js文件后，在修改主題色的事件中，通過js操作改變css變量。
該專利技術資料僅供研究查看技術是否侵權等信息，商用須獲得專利權人授權。該專利全部權利屬于浪潮云信息技術股份公司，未經浪潮云信息技術股份公司許可，擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作，請聯系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/202211022307.2/1.html，轉載請聲明來源鉆瓜專利網。
