Ant 半动态主题

╰+哭是因爲堅強的太久メ 2022-12-08 04:19 97阅读 0赞

## 前言 ##

为什么是半动态？因为我不会做全动态，而且全动态有性能影响  
什么是半动态，往下看就知道了

## 安装包 less 和 less-loader ##

npm install less less-loader --save-dev

## 配置webpack的rule ##

{ 
      test: /\.less$/,
      use: [{ 
          loader: "style-loader" // creates style nodes from JS strings
      }, { 
          loader: "css-loader", // translates CSS into CommonJS
      }, { 
          loader: "less-loader", // compiles Less to CSS
          options: { 
            lessOptions: { 
              modifyVars: { 
              },
              javascriptEnabled: true,
            },
          },
      }],
    },

## 添加主题文件 mytheme.less ##

![在这里插入图片描述][20200917152924135.png_pic_center]

内容如下：

@import '~antd/lib/style/themes/default.less';
    @import '~antd/dist/antd.less';
    
    // 更改 ant 的主题颜色
    @primary-color: rgba(34, 252, 6, 0.533);

## 动态引入主题文件 ##

class Theme { 
        init(){ 
            if(true){ 
                import("./mytheme.less").then(()=>{ });
            }
            else{ 
                
            }
        }
    }
    
    export default new Theme()

[20200917152924135.png_pic_center]: /images/20221123/c8a8afb0c1044950a1d135a829483334.png

发表评论取消回复

表情：

评论列表（有 0 条评论，97人围观）

还没有评论，来说两句吧...

相关阅读

相关 ant desiong pro可以放进wordpress的主题中吗

是的，可以。Ant Design Pro 是一个基于 React 的前端框架，可以嵌入到 WordPress 的主题中。您可以使用 React 插件将 Ant Design P

电玩女神/ 2024年03月26日 09:07/ 0 赞/ 10 阅读

相关 vue 使用 css/less 动态更换主题色

.css .drak-theme { --color-primary: 000000; } .light-theme {

﹏ヽ暗。殇╰゛Y/ 2022年12月25日 08:53/ 0 赞/ 204 阅读

相关 vue+Ant design后台系统左侧菜单动态生成

1、Menu 入门一般先来个导航栏，咱用Antd的Menu组件官方会给你一组写好的死数据的实例，但是在项目中我们一般写成动态。 vue中写动态数据，方便的亚批，不仅

﹏ヽ暗。殇╰゛Y/ 2022年12月22日 09:57/ 0 赞/ 340 阅读

相关 Ant 半动态主题

前言为什么是半动态？因为我不会做全动态，而且全动态有性能影响什么是半动态，往下看就知道了安装包 less 和 less-loader npm i

╰+哭是因爲堅強的太久メ/ 2022年12月08日 04:19/ 0 赞/ 98 阅读

相关 Ant-design-vue定制主题色

Ant-design-vue定制主题色要求：框架本身使用的蓝色主题色，需要更换成UI指定的颜色。 ![在这里插入图片描述][watermark_type_ZHJv

浅浅的花香味﹌/ 2022年09月14日 13:29/ 0 赞/ 370 阅读

相关给图片动态添加半透明遮罩效果

当鼠标hover到图片上时，出现半透明遮罩效果，移除hover则取消半透明遮罩效果 <!DOCTYPE html> <html lang="en">

淩亂°似流年/ 2022年06月01日 02:51/ 0 赞/ 199 阅读

相关 ant-design-vue 自定义主题

`https://github.com/ant-design/ant-design/issues/8348` `issues`地址看到的 1、插件地址: `https:

Dear 丶/ 2022年05月09日 05:26/ 0 赞/ 277 阅读

相关动态主题模型（Dynamic Topic Models, DTM）

在本文中，我们介绍一个动态主题模型，该模型捕获了顺序组织的文档语料库中主题的演变。我们通过分析由Ed Edi-son于1880年创立的Jour-nal Scie

港控/mmm°/ 2021年09月17日 09:46/ 0 赞/ 632 阅读

相关 vue-cli2定制ant-design-vue主题

本篇是vue-cli2定制主题，[vue-cli3通过vue.config.js定制主题点击此处][vue-cli3_vue.config.js] 1.引入less和les

约定不等于承诺〃/ 2021年09月02日 07:50/ 0 赞/ 588 阅读

相关 ant更改主题色报错Inline JavaScript is not enabled. Is it set in your options? vue ant主题色更改 vue-cli3

问题：使用vue-cli3更改ant的主题色时候报错：Inline JavaScript is not enabled. Is it set in your option

港控/mmm°/ 2021年07月24日 22:10/ 0 赞/ 551 阅读