使用vux 的Calendar组件时,日历头部的文字出现了字体过大的情况:
调试发现这里的字体大小使用的是html的font-size,因为我用的rem,html的font-size不能随便改。尝试在vue文件中使用 /deep/ ( → →修改子组件样式) 和!important都失败了,根本没有作用到元素…
然后我在APP.vue(页面级vue组件)中引入一个样式控制:
在uiChange.less中覆盖掉组件样式:
.calendar-header{ font-size:0.3rem!important; } caption,th { text-align: center; font-weight: normal; font-size: 0.25rem; }
问题得以解决
1.如需转载本站原创文章,请务必注明文章出处并附上链接,非常感谢。
2.本站用于记录个人 工作、学习、生活,非商业网站,更多信息请 点击这里
上一篇: 解决网页在兼容模式下排版错乱的问题