最近在做react+antd项目.不可避免的遇到了修改antd默认样式的问题. 比如,table组件的表头背景色设置,如果直接使用元素样式,会修改整个项目的table.这里我用的方法是,给table添加一个div父元素,给他设置个className,然后设置这个样式内的table表头样式. 我使用的.less预编译. <div className={styles.boxW} > <Table columns={colType} rowKey='fxwd' pagination={fals

在creat-react-app搭建的项目环境中按需引入antd以及配置less,首先需要暴露出来webpack文件.(此操作不可逆). create-react-app myapp 创建同一个react项目 yarn add antd less less-loader babel-plugin-import 需要配置的 less 和 babel依赖 暴露wenpack文件的指令是yarn eject.  在使用这个指令之前要先推送一次git文件才行.或者删除git文件. 提交git : git

1.在Component的Radio中加个style={radioStyle}. <RadioGroup> <Radio style={radioStyle} value={}>多和他人谈话</Radio> <Radio style={radioStyle} value={}>写下计划</Radio>> </RadioGroup> 2.在style-components中写 export const radioStyle = {

弹窗中修改select默认值无效 前提: 项目中遇到一个需求, 在一个弹窗中,有很多个select都是在打开弹窗的同时由js自动生成的(每次打开都自动重新生成一遍). 弹窗打开后,从每个select的下拉选中选中一个值.然后弹窗下面有个确定按钮. 点确定 按钮,将每个select选中的值保存起来. 下次再次打开弹窗时,每个自动生成的select中都默认值显示上次选中的值. 我的思路是: 1.在每次点 确定 按钮 时: 新建一个 js 对象jsonObj,每次点 确定后把 每个select的id(

自定义主题 首先自定义主题需要修改antd,antd本身也是less写的之后编译成css的,所以当我们需要使用less. 1.yarn add react-app-rewire-less --dev const { injectBabelPlugin } = require('react-app-rewired'); + const rewireLess = require('react-app-rewire-less'); module.exports = function override(

WAMP中如何修改mysql默认空密码 WAMP安装好后,mysql教程密码是为空的,那么要如何修改呢?其实很简单,通过几条指令就行了,下面我就一步步来操作.首先,通过WAMP打开mysql控制台.提示输入密码,因为现在是空,所以直接按回车.然后输入 use mysql 意思是使用mysql这个数据库教程,提示"Database changed"就行.然后输入要修改的密码的sql语句 update user set password=PASSWORD('root') where use

背景色: Application.Current.RequestedTheme 返回的值是一个枚举,Light 或者 Dark. 主题色: public static Color GetPhoneAccentColor() { // (Color)Application.Current.Resources["PhoneAccentColor"] 已经不能使用了,会找不到这个资源. var brush = (SolidColorBrush)Application.Current.Reso

什么是react按需加载?简单来说就是当我们引用antd的时候需要引入全局css样式,这会对性能造成一定的影响,那么使用按需加载以后就不需要引入css全局样式了,直接引入功能模块即可,既然需要设置按需加载就要对webpack文件进行修改,需要我们执行npm run eject命令来展开项目的隐藏文件,如果只是简单的修改,我们可以使用react-app-rewired定义全局变量,react-app-rewired的作用就是在不eject的情况下,覆盖create-react-app的配置.具体如

在使用eclipse编程的时候,很多默认的编码都是iso-8859-1我们经常使用的,在eclipse中怎么修改jsp页面的默认编码呢. 第一步:打开eclipse,找到windows-->preference. 第二步:进入preference后点击Web下的jspfile 第三步:在右边找到encoding修改为自己希望的编码

vue 中直接使用 class 修改组件的默认样式,在使用 scoped 之后,样式是没有效果. 此时可以使用div 包裹组件,deep 可以实现修改组件样式 .lxfix /deep/ .control-label{ margin-top: 5px; } .lxfix /deep/ .form-control{ margin-top: 5px; }

1.less使用报错 less配置修改一般都是1个修改1个增加 test: /\.(css|less)$/, // 修改 // 增加 { loader: require.resolve('less-loader') // compiles Less to CSS } 将增加的改为{ loader: 'less-loader', options: { javascriptEnabled: true } }便可以使用了 2.项目打包后文件很大.js文件很大,css文件也不小,导致项目访问太慢 要注意

废话不多说,直接上代码.一目了然. import React, { Component } from "react"; import { Table } from "antd"; import PropTypes from "prop-types"; class TableBar extends Component { constructor(props) { super(props); this.onScrollEvent = this.onS

该方法可解决robot报错:'ascii' codec can't encode character u'\xf1' in position 16: ordinal not in  range(128) 在下面目录中新增文件:sitecustomize.py 内容为 #coding=utf-8 import sys reload(sys) sys.setdefaultencoding('utf8') 各个发行版放置位置: RedHat: /usr/local/python27/lib/pytho

打卡记录: 1. mysql用户的相关信息是保存在mysql数据库的user表中的,并且该表的密码字段(Password)是通过PASSWORD方法加密存储的,所以不能直接修改成123456. 2. 修改phpmyadmin的登录密码. 找到phpMyadmin的配置文件,即phpMyAdmin目录下的config.inc.php,找到如下代码并修改: /* Authentication type and info */ $cfg['Servers'][$i]['auth_type'] = 'c

一.开启注册表“win键+R键”并输入regedit 二.在注册表项 HKEY_CURRENT_USER\ Software\ Microsoft\ Command Processor 新建一个项,并修改数据为“cd /d C:\”,在/d空格后就是你要的路径 修改成功是这样的

一.react项目中使用less 1. 安装配置 npm i -D less less-loader 2. 查看webpack配置 npm run eject 此操作不可逆,生成新的目录. 3. 修改其中的webpack.config.js文件 二.react 16.12.0 中修改antd的主题样式 npm i -D babel-plugin-import 2. 在package.json中找到对babel的配置,并进行如下修改 "babel": { "presets&qu

最近使用antd来做react项目的UI.从antd官网上,在使用create-react-app脚手架搭建项目时步骤如下: (1)添加模块 react-app-rewired, babel-plugin-import, react-app-rewire-less (2)根目录添加config-overrides.js (3)修改npm script即可, 一切正常 参考官网 这里主要说的是自建的react项目中如何配置及其容易出现的坑 一.按需加载 (1)在.babelrc中添加plugins

1.antd官网: https://ant.design/docs/react/introduce-cn 2.React中使用Antd 1.安装antd npm install antd --save / yarn add antd / cnpm install antd --save 2.在您的react项目的css文件中引入 Antd的css @import '~antd/dist/antd.css'; 3.看文档使用: 如使用Button: 1.在对应的组件中引入Antd import {

antd 和 css modules 不能混用,针对antd的css 单独写一条loader的规则,不开启 css modules. 使用 exclude 和 include 配置参考(https://segmentfault.com/q/1010000011223900),修改webpack.config.dev.js 和 webpack.config-prod.js 配置文件 (尽量不要使用less-loader 来处理css文件,在与antd一起使用时可能出现错误,单独写一条规则),所以我

导读 作为一个新手,你需要知道如何在 Ubuntu 中修改任何默认程序,这也是我今天在这篇指南中所要讲的. 对于我来说,安装 VLC 多媒体播放器是安装完 Ubuntu 16.04 该做的事中最先做的几件事之一.为了能够使我双击一个视频就用 VLC 打开,在我安装完 VLC 之后我会设置它为默认程序. 在这里提及的方法适用于所有的 Ubuntu 12.04,Ubuntu 14.04 和Ubuntu 16.04.在 Ubuntu 中,这里有两种基本的方法可以修改默认程序: 通过系统设置 通过右键菜