vue项目主题更换
3篇文章 · 0订阅
  • 前端一键换肤实现，css变量兼容方案，ant-design换肤（转）
    之前说的公司需求需要把老项目上面做一键换肤。然后就开搞了呗。 这个不多说吧，不管是react还是vue，说白了就是把颜色直接写成js变量。不过这是兼容性最好的一种方案 这个也简单，直接把css用less和scss管理起来。然后用这两者的操作函数进行换肤处理 这块就是新特性了，i…
    CSS
  • 基于less和sass的在webpack或vite中的动态主题的实现方案
    使用 react + ant-design 或 vue + element-ui 等框架中最省事的动态主题的实现方案
    SCSS
    基于less和sass的在webpack或vite中的动态主题的实现方案
  • Vue + Scss 动态切换主题颜色实现换肤
    根据预设的配色方案，在前端实现动态切换系统主题颜色。 大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。 这里定义了一个ma…
    Vue.js