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

相关推荐
陶甜也14 小时前
threeJS 实现开花的效果
前端·vue·blender·threejs
jason_yang16 小时前
基于BEM规范实现ElementPlus组件
css·scss
叫我阿柒啊1 天前
从Java全栈到前端框架:一次真实面试的深度复盘
java·spring boot·typescript·vue·database·testing·microservices
借你耳朵说爱你1 天前
浅拷贝和深拷贝两种不同的对象复制
vue·web
@大迁世界1 天前
用 popover=“hint“ 打造友好的 HTML 提示:一招让界面更“懂人”
开发语言·前端·javascript·css·html
伍哥的传说1 天前
Tailwind CSS v4 终极指南:体验 Rust 驱动的闪电般性能与现代化 CSS 工作流
前端·css·rust·tailwindcss·tailwind css v4·lightning css·utility-first
拜无忧1 天前
前端,用SVG 模仿毛笔写字绘画,defs,filter
前端·css·svg
F2E_Zhangmo1 天前
基于cornerstone3D的dicom影像浏览器 第四章 鼠标实现翻页、放大、移动、窗宽窗位调节
vue·cornerstone·cornerstone3d·cornerstonejs
代码小学僧1 天前
🎉 在 Tailwind 中愉快的使用 Antd Design 色彩
前端·css·react.js
ssshooter1 天前
复习 CSS Flex 和 Grid 布局
前端·css·html