账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd样式变量覆盖无效果
    33
    0

    项目模版是以前的dva脚手架生成的!引入antd的样式文件是在项目的index.js文件中引入的

    import 'antd/dist/antd.less'
    import './less/index.less'

    下面是自己额样式文件,里面有相应的变量,例如

    @primary-color: red;

    但是还是覆盖不了原来的antd的样式蓝色,
    配置文件如下:

    entry: 'src/index.js',
      define: {
        APP_TYPE: process.env.APP_TYPE || '',
      },
      env: {
        development: {
          extraBabelPlugins: [
            'dva-hmr',
            'transform-runtime',
            ['import', {libraryName: 'antd', style: true}]
          ]
        },
        production: {
          extraBabelPlugins: [
            'transform-runtime',
            ['import', {libraryName: 'antd', style: true}]
          ]
        }
      },
      publicPath: '/',

    style == true是按照antd的官网写的,可是无效,为什么?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 无妄ヘ 普通会员 1楼

      在antd中,样式变量是用于管理UI元素的样式。它们不能直接覆盖默认样式,但是可以通过在CSS中使用类名来引用它们。如果你想要覆盖默认样式,你需要先创建一个新的CSS类,然后在组件的style属性中使用这个新的CSS类。

      以下是一个例子:

      ```jsx import React from 'react'; import { Button } from 'antd';

      class MyButton extends React.Component { render() { return ( ); } }

      export default MyButton; ```

      在这个例子中,我们创建了一个新的CSS类"my-button",然后在组件的style属性中使用这个新的CSS类。这样,按钮的背景颜色就会被设置为红色。

      如果你想覆盖默认的按钮背景颜色,你需要在样式变量中使用一个包含"my-button"的类名。例如:

      ```jsx import React from 'react'; import { Button } from 'antd';

      class MyButton extends React.Component { render() { return ( ); } }

      export default MyButton; ```

      在这个例子中,"my-button"类被添加到了按钮的style属性中,所以按钮的背景颜色就会被设置为红色。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部