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

旺财矿工2023-12-12 22:02

在uniapp中，打开文件

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

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

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

之前效果图：

之后效果图：

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

相关推荐
用户059540174462 天前
AI Agent记忆测试踩坑实录：Mock骗了我一周，Mem0+pytest一招破局
前端·css
Darling噜啦啦3 天前
CSS 3D 变换与 Flex 布局实战：从零打造旋转立方体
前端·css
用户059540174463 天前
把待办应用从Electron换成Tauri，内存占用狂降90%，打包体积仅5MB
前端·css
小月土星4 天前
CSS 3D 从入门到炫技：手把手教你写一个旋转立方体
前端·css
xingpanvip4 天前
星盘接口开发文档：本命盘接口指南
android·开发语言·css·php·lua
HjhIron4 天前
CSS 3D 世界：从盒子模型到三维空间动画
javascript·css
参宿74 天前
CSS 悬挂空白与选区溢出
前端·css
黄敬峰4 天前
纯 CSS3 打造 3D 旋转魔方：从文档流、Flex 布局到空间变换的硬核复盘
css
JieE2124 天前
手把手带你用纯 CSS 实现一个 3D 旋转魔方，这些前端基础你能打几分？
前端·css·html
JYeontu4 天前
开箱流水加载动画
前端·javascript·css
热门推荐
012026年6月AI行业全景：从百模大战到Agent元年，这30天发生了什么？022026年6月AI大模型全景报告：GPT-5.6、Claude Opus 4.8、Gemini 3.5，中美AI三足鼎立谁主沉浮？03【AI】2026 年具身智能模型和世界模型总结042026 年 AI 编程工具终极横评：Cursor vs Claude Code vs Copilot vs Windsurf05GitHub 镜像站点06AI科技热点日报 | 2026年6月1日07AI一周事件 · 2026-06-03 至 2026-06-0908Claude Code、Codex、Cursor三分天下：2026年AI编程Agent生态全景剖析09上线仅72小时被强制下架：Claude Fable 5 的短命102026 AI 编程工具终极实战指南：Cursor vs Claude Code vs Copilot，开发者该怎么选？