关于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需要自行调整

相关推荐
cz追天之路1 天前
华为机考--- 字符串最后一个单词的长度
javascript·css·华为·less
Light601 天前
CSS逻辑革命:原生if()函数如何重塑我们的样式编写思维
前端·css·响应式设计·组件化开发·css if函数·声明式ui·现代css
前端Hardy1 天前
祝大家 2026 年新年快乐,代码无 bug,需求一次过
javascript·css·html
豌豆学姐1 天前
Sora2 短剧视频创作中如何保持人物一致性?角色创建接口教程
android·java·aigc·php·音视频·uniapp
科技D人生2 天前
Vue.js 学习总结(19)—— Vue3 按钮防重复点击三种方案总结
前端·vue.js·uniapp·vue3 防重复提交·uniapp 防重复提交·前端防抖
临渊羡鱼的猫2 天前
uv安装方法
uv
黑金IT2 天前
抛弃 Pip,UV安装快20倍
pip·uv
weixin_462446232 天前
用 python -m ensurepip --upgrade 修复 uv / venv 中缺失 pip 的问题
python·pip·uv
be or not to be2 天前
HTML+CSS 浮动与表格全总结笔记
css·笔记·html
Irene19912 天前
实用篇:vsCode 中连接 WSL 并快速开始一个 Vue3 新项目
git·vscode·vue·wsl