ant-design-vue 自定义主题

Dear 丶 2022-05-09 05:26 297阅读 0赞

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

1、插件地址: `https://github.com/yesmeck/webpack-less-theme-plugin`

下载插件

`npm i webpack-less-theme-plugin --save-dev`

`vue.config.js （vue-cli rc3.0）`

const LessThemePlugin = require('webpack-less-theme-plugin');
    module.exports = {
        configureWebpack:{
             plugins: [
                   new LessThemePlugin({ theme: './daka-theme/scss/ant-less.less' }) //自己lessURL
              ]
       } 
    
    }

`.babelrc`

{
        "plugins": [
        ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": true }]
        ]
    }

`antd-scss-theme-plugin` 这个插件也可以

### 关注我 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjA2NTUxMA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjA2NTUxMA_size_16_color_FFFFFF_t_70]: /images/20220509/f18fd95ef89e4e3f864094d3d84d527a.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Android 自定义Activity的主题

一. 前言当在某个app中做一个新界面时, 我们要考虑一下主题风格相符合一致. 本篇文章讲解的是,如何新创建的Activity 与整个app主题符合, 特别是状态栏的

迷南。/ 2024年03月30日 15:45/ 0 赞/ 81 阅读

相关 element自定义主题色

修改element的主题色，提供以下两种方法 1.在项目中改变 SCSS 变量 Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了

忘是亡心i/ 2023年02月10日 11:29/ 0 赞/ 225 阅读

相关 elementUI自定义主题颜色

1、官方在线主题编辑器，下载自定义主题：[在线主题编辑器][Link 1] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk

柔光的暖阳◎/ 2023年01月22日 05:00/ 0 赞/ 256 阅读

相关 Element2.x主题自定义

前提看了网上一些针对Element2.x版本主题更换的方式,大部分都是采用样式覆盖的方法实现的，要不就是通过less变量方法来进行主题更换,都不是很满意，然后就写了这个

以你之姓@/ 2022年09月09日 06:24/ 0 赞/ 227 阅读

相关 Jupyter Notebook 自定义主题

1. 命令 jt -t solarizedl -f fira -fs 14 -cellw 90% -ofs 12 -dfs 12 -T -N jt -t g

冷不防/ 2022年09月04日 11:00/ 0 赞/ 21 阅读

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

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

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

相关 [Android记录]自定义主题

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 在AndroidManifest.xml中，可以定义整个app的主题，也可以定义单个ac

比眉伴天荒/ 2022年01月15日 05:05/ 0 赞/ 347 阅读

相关 Element-UI实现自定义主题

目录方法一：使用命令行主题工具安装工具初始化变量文件修改变量编译主题引入自定义主题方法二：直接修改element样式变量创建vue-cli项目

左手的ㄟ右手/ 2021年10月13日 02:39/ 0 赞/ 672 阅读

相关 echart自定义主题

(function (root, factory) { if (typeof define === 'function' && define.amd)

不念不忘少年蓝@/ 2021年07月26日 15:25/ 0 赞/ 652 阅读

相关 Struts自定义主题

一视图 <%@ page contentType="text/html; charset=GBK" language="java" errorPage="" %>

我就是我/ 2021年07月24日 21:58/ 0 赞/ 517 阅读