?下劃線不居中
????????u-tabs中設(shè)置了lineWidth,高亮選項的下劃線偏左不居中。例如:
?原因:uView版本為2.X,默認(rèn)為px單位,但lineWidth被頁面編譯為rpx單位,導(dǎo)致position計算錯誤。u-tabs計算源碼:?
?解決方案:
方案一:在main.js
中將uView的配置改回px單位,即刪除配置uView單位為rpx,使其默認(rèn)為px
// main.js,注意要在use方法之后執(zhí)行
import uView from 'uview-ui'
Vue.use(uView)
// 如此配置即可
//uni.$u.config.unit = 'rpx' // or uni.$u.config.unit = 'px'
?方案二:強(qiáng)制修改css為px單位的值
<u-tabs :list="list1"
:lineWidth="35"
></u-tabs>
/deep/ .u-tabs__wrapper__nav__line {
width: 35px !important;
}
行選項少未填滿對齊
當(dāng)list選項較少未均勻分布對齊時:
?設(shè)置屬性:scrollable="false"即可文章來源:http://www.zghlxwxcb.cn/news/detail-656037.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-656037.html
到了這里,關(guān)于uniapp微信小程序 u-tabs 下劃線不居中、行不填滿對齊的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!