- 博客(6)
- 收藏
- 关注
原创 修改antd组件样式的几种方式
修改antd组件样式的几种方式直接在组件上添加类名,然后在css文件中添加样式;直接在组件上写style;但是很多情况下这种方式并不能生效,就要使用到下面的方式了前提:先学会如何正确的找到组件的样式选择器chrome元素查看器找到你要修改的组件(这一步很关键,因为很多时候找不到正确的元素)。比如我这里想要将上传按钮的宽度变为300px,选中button元素,然后在右边的样式表中先测试一下能不能生效,这里是生效了,那么说明改这个类选择器的样式是可以的。注意:有时候如果不生效的话试试!imp
2020-08-31 17:50:00 41375 10
原创 vscode让html文件保存自动刷新浏览器
前言在我们使用vscode写html文件写demo的时候,每次改完文件都需要手动切换到浏览器,然后刷新浏览器才能看到我们改动后的效果。我就在想,如果再双屏的情况下,我们能够一块屏幕写代码,保存后直接就在另外一个屏幕上看到效果就好了,非常方便。类似于开发react或vue项目的时候能够自动刷新一样。live servier插件的安装和使用插件市场安装重新启动vscode,当你的vscode的状态栏中有了这个标志说明成功了在你需要监听的html文件上右键,然后选择open with l
2020-08-28 15:25:28 18895 3
原创 vscode标签栏只展示一个窗口
前言本来我们的窗口的标签栏是这么分开显示标签的但是突然发现现在变成了一个标签,不会再分开展示了,变成了一个文件名加路径了,这种情况下原来的标签并没有被关闭,只是被折叠了你可以尝试ctrl w或command w关闭当前标签页,仍然还有一个之前打开的标签页但是切换窗口就很不方便了解决方法ctrl shift p或command shift p打开设置搜索窗口,如图搜索setting.json,打开第一个选项搜索json配置文件中是否有workbench.editor.showTabs
2020-08-19 19:28:29 4949 4
原创 antd pro图表和BizCharts入坑
使用antd pro图表需要注意的地方样式不生效手动引入charts的样式文件即可import ‘ant-design-pro/dist/ant-design-pro.css’; // 统一引入样式注意要先手动下载Pro组件npm install ant-design-pro@latest --save使用bizCharts需要注意的地方padding的使用:如果出现坐标轴、图例等显示不全的情况,那么适当的调整padding可以达到显示完全的效果(属性基本和css的paddi
2020-08-19 17:27:39 1960 1
原创 配置chrome调试工具主题
启用chrome实验功能url输入:chrome://flags/#enable-devtools-experiments然后将disabled改为enabled重新启动浏览器,只要是实验功能里面的修改了都要重启浏览器才能生效。打开调试工具设置选中Experiments,然后勾选上Allow custom UI themes这里可能要再重启浏览器生效到google网上商店下载主题:如Koji NISHIDA、Dracula DevTools Theme等...
2020-08-11 10:27:43 538
原创 关于css module类名未生效的问题
我使用的是umi框架,在为一个元素添加类名后查看Elements,发现class并没有生效然后我猜想是不是我找错dom节点了,然后使用普通的className的写法然后发现这样写类名是可以生效的(只是这种写法不能在css文件中写你的样式)然后再推测是不是种方式只有在使用了的情况下才能够生效,接下来我就在对应的css文件中写了一个样式果然,在这种情况下类名成功的生效了结论在使用css module的情况下,你写的类名如果要生效的话,必须是在使用了的情况下才会加载...
2020-08-04 19:08:01 2519 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人