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

相关推荐
我爱吃朱肉10 小时前
HTMLCSS模板实现水滴动画效果
前端·css·css3
全栈老李技术面试10 小时前
【高频考点精讲】async/await原理剖析:Generator和Promise的完美结合
前端·javascript·css·vue·html·react·面试题
我爱吃朱肉11 小时前
HTMLcss实现网站抽奖
css·html
csj5012 小时前
前端基础之《Vue(11)—自定义指令》
前端·vue
土豆125012 小时前
构建高级半圆形进度条:SVG 与 纯 CSS 方案深度解析与完整代码
css·react.js·svg
土豆125013 小时前
Tailwind CSS 精通指南:提升效率、可维护性与最佳实践
前端·css
逢生博客14 小时前
使用 Python 项目管理工具 uv 快速创建 MCP 服务(Cherry Studio、Trae 添加 MCP 服务)
python·sqlite·uv·deepseek·trae·cherry studio·mcp服务
kooboo china.15 小时前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(一)
前端·css·编辑器
万山y15 小时前
uv run 都做了什么?
uv
jaywongX19 小时前
Base64编码原理:二进制数据与文本的转换技术
前端·javascript·vue