Page theme customization method and device, electronic equipment and storage medium

Abstract

The invention relates to the field of page development, and discloses a page theme customization method, which comprises the following steps of: constructing a theme variable of a page theme according to a customization requirement of the page theme, and generating a theme variable file of the page theme according to the theme variable; configuring a basic style of a theme variable in the theme variable file by utilizing a preset pre-compiler, and generating a theme style file of the theme variable file according to the basic style; receiving a business source file, matching a business theme style of the business source file from the theme style file, and generating a running style file of the business source file according to the business theme style; and loading the running style file into a preset running browser to obtain a page theme style of the business source file. In addition, the invention also relates to a block chain technology, and the theme style file can be stored in a block chain. According to the invention, the flexibility of page theme customization can be improved.

Description

technical field [0001] The present invention relates to the field of page development, in particular to a page theme customization method, device, electronic equipment and computer-readable storage medium. Background technique [0002] The component library is universal, but a single vision no longer satisfies user experience requirements. In order to improve user experience, provide reputation for application experience, and improve developer efficiency, developers hope that the component library can be customized to provide skin-changing functions and The style customization function in various components allows the application to switch skins with different themes according to user or business needs, and also allows style modification of specified components. [0003] There are many mature component libraries on the existing network, all of which have the function of customizing the theme, such as element-ui, antd, iview, ionic, etc., but there are problems such as perfor...

AI Technical Summary

Problems solved by technology

[0002] The component library is universal, but a single vision no longer satisfies user experience requirements. In order to improve user experience, provide reputation for application experience, and improve developer efficiency, developers hope that the component library can be customized to provide skin-changing functions and The style customization function in various components allows the application to switch skins with different themes according to user or business needs, and also allows style modification of specified components

[0003] There are many mature component libraries on the existing network, all of which have the function of customizing the theme, such as element-ui, antd, iview, ionic, etc., but there are problems such as performance or inflexible use, such as rewriting class name replacement, multiple sets Themes need to implement multiple sets of style variable files, which are difficult to maintain and redundant code, which leads to inflexible customization of page themes. Although the improved version of the Modify Vars theme component can support flexible use at compile or runtime, it cannot be used at compile time. Since it is necessary to import the source file first and then copy a set of style replacements, the volume of the compiled css file will be increased, and only the variables in the linked less file can be changed at runtime, and the variables of the less file are only valid in the current file. Pages cannot reuse less variables, which will also lead to inflexible customization of page themes

Images