摘要
当前许多Web系统和网站以及应用客户端为了满足用户个性化需求都提供了一键换肤功能,用户可以根据自己的喜好将网站、客户端皮肤设置为喜爱的主题色.针对大型前端应用提出了基于Vue微前端架构以及针对该架构的无刷新换肤设计方案,该换肤方案解决了Web系统主题色切换、微组件主题色切换、图片切换、第三方绘图插件,如ECharts、Hightarts等主题切换问题,同时支持多套主题.
Abstract
Currently,many Web systems,websites,and application clients provide a one-click skin change function to meet the personalized needs of users.Users can set the website and client skin to their favorite theme colors based on their preferences.A design scheme for skin change without refreshing based on the Vue micro front-end architecture and for large front-end applications is proposed.This skin change scheme solves the problem of theme switching for Web system,micro component,image,and third-party drawing plug-ins such as ECharts,Hightarts,etc.,and supports multiple themes.