关于uview-ui的u-tabs标签滑块不居中的问题

在uniapp中,打开文件

uni_modules/uview-ui/components/u-tabs/u-tabs.vue

然后在style中添加以下代码即可

css 复制代码
/deep/ .u-tabs__wrapper__nav__line {
			left: 18rpx;
}

之前效果图:

之后效果图:

注意,代码中的18rpx需要自行调整

相关推荐
咚咚咚小柒17 小时前
【前端】LangChain.js学习
前端·javascript·人工智能·typescript·langchain·vue·ai编程
java1234_小锋18 小时前
【技术专题】CSS3 网页技术 - CSS3 盒模型
前端·css·css3
前端架构师-老李19 小时前
HTML与CSS基础第四课—strong、em、b、i 各表示什么
前端·css·html
程序00719 小时前
天地图实现收货地址定位
前端·javascript·css
汤米粥21 小时前
目前流行的前端 CSS 框架
前端·css·bootstrap·ant design·‌tailwind css·bulma
是立不是利1 天前
CSS 的层叠与优先级——为什么我的样式不生效
前端·css
前端架构师-老李2 天前
HTML与CSS基础第二课—初识HTML
前端·css·html
java1234_小锋2 天前
【技术专题】CSS3 网页技术 - CSS3 单位、颜色、字体与文本
前端·css·css3
RuoyiOffice2 天前
UniApp企业办公:把审批、客户和项目装进手机,能做些什么?
spring boot·vue3·uniapp·crm·flowable·移动办公·企业应用
CappuccinoRose2 天前
拖拽交互体系
前端·javascript·css·html·交互·1024程序员节