Vue中Element-UI日历无法缩小的问题

Element-UI日历高度无法缩小…偶然发现了Vue在引入ElementUI库的日历时无法改变单元格高度的问题,试了半小时没改成。如果直接使用el-calendar-table .el-calendar-day{}去修改高度,似乎并不一定能成功,在网页开发...

Element-UI日历高度无法缩小…

偶然发现了Vue在引入ElementUI库的日历时无法改变单元格高度的问题,试了半小时没改成。如果直接使用el-calendar-table .el-calendar-day{}去修改高度,似乎并不一定能成功,在网页开发者工具里倒是可以修改height,但放到代码却不能生效,在这里推荐个(估计开发者不推荐的)方法:直接修改源码

  1. 软件WebStorm,直接翻.node_modules
  2. 搜element-ui,打开lib,打开theme-chalk,找到calendar.css
  3. Ctrl+F直接搜height,大约在文件结尾有个height:85px,当然,给自己修改文件的权限,毕竟原来是压缩的代码,把height改成30px差不多了

附上webstorm破解下载地址

进去搜webstorm即可

本文标题为:Vue中Element-UI日历无法缩小的问题

基础教程推荐