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

相关推荐
桃花键神1 小时前
【2026精品项目】基于SpringBoot3+Vue3的旧物置换系统(包含源码+项目文档+SQL脚本+部署教程)
数据库·spring boot·sql·vue
2301_815645382 小时前
css基础
前端·css
IT里的交易员3 小时前
【系统】Windows 安装 uv
windows·uv
晓得迷路了5 小时前
栗子前端技术周刊第 128 期 - Rolldown 1.0、Vitest、Node.js 26.0.0...
前端·javascript·css
之歆6 小时前
DAY_17深度博客:CSS 响应式布局 · BFC · JavaScript 完全指南(下)
前端·javascript·css
FlyWIHTSKY6 小时前
**Vue 3 `<script setup>` 语法糖** 中的一行解构赋值,用来**从父组件透传下来的属性(attrs)
vue
CAE虚拟与现实6 小时前
前后端调试常用工具大全
前端·后端·vue·react·angular
CG_MAGIC9 小时前
3ds Max FloorGenerator 插件:快速生成地板木纹
3d·贴图·uv·建模教程·渲云渲染
深耕AI15 小时前
【VS Code避坑指南】点击Python图标提示“没有Python环境”,选择安装uv后这堆输出到底是什么意思?
开发语言·python·uv
前端若水15 小时前
过渡(transition)高级:贝塞尔曲线、硬件加速
前端·css·css3