下划线不居中
u-tabs中设置了lineWidth,高亮选项的下划线偏左不居中。例如:
原因:uView版本为2.X,默认为px单位,但lineWidth被页面编译为rpx单位,导致position计算错误。u-tabs计算源码:
解决方案:
方案一:在main.js
中将uView的配置改回px单位,即删除配置uView单位为rpx,使其默认为px
// main.js,注意要在use方法之后执行
import uView from 'uview-ui'
Vue.use(uView)
// 如此配置即可
//uni.$u.config.unit = 'rpx' // or uni.$u.config.unit = 'px'
方案二:强制修改css为px单位的值
<u-tabs :list="list1"
:lineWidth="35"
></u-tabs>
/deep/ .u-tabs__wrapper__nav__line {
width: 35px !important;
}
行选项少未填满对齐
当list选项较少未均匀分布对齐时:
设置属性:scrollable="false"即可文章来源:https://www.toymoban.com/news/detail-656037.html
文章来源地址https://www.toymoban.com/news/detail-656037.html
到了这里,关于uniapp微信小程序 u-tabs 下划线不居中、行不填满对齐的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!