uView组件中u-tabs组件,激活和未激活字体大小不一样、滑块无法居中,位置偏移解决办法

uView组件中u-tabs组件,激活和未激活字体大小不一样、滑块无法居中,位置偏移解决办法:

activeStyle: {
    color: '#0068FF',
    fontSize: '18px',

},
inactiveStyle: {
    color: '#161A1D',
    fontSize: '14px'
},

此时从第二个菜单开始,下面的滑块会全部偏右边。解决办法是:给未激活的菜单加左右的padding,padding值刚好就是激活和未激活字体大小的差。

inactiveStyle: {
    color: '#161A1D',
    fontSize: '14px',
    padding: '0 4px',//解决问题的代码
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。