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

相关推荐
广师大-Wzx5 小时前
JavaWeb:前端部分
java·前端·javascript·css·vue.js·前端框架·html
CDN3606 小时前
【踩坑实录】前端开发必看:一次由CSS缓存引发的线上事故与SEO反思
前端·css·缓存
iReachers7 小时前
HTML打包EXE工具数据加密功能详解 - 加密保护HTML/JS/CSS资源
javascript·css·html·html加密·html转exe·html一键打包exe·exe打包
前端老石人9 小时前
前端网站换肤功能的 3 种实现方案
开发语言·前端·css·html
W.A委员会9 小时前
伪类与伪元素
前端·javascript·css
漂流瓶jz1 天前
运行时vs编译时:CSS in JS四种主流方案介绍和对比
前端·javascript·css
钮钴禄·爱因斯晨1 天前
他到底喜欢我吗?赛博塔罗Java+前端实现,一键解答!
java·开发语言·前端·javascript·css·html
DoWhatUWant1 天前
WebUI页面结构
css·html5
user_admin_god1 天前
opencode使用报错ENAMETOOLONG: name too long, uv_spawn
uv
爱上好庆祝1 天前
移动端适配
前端·css·学习·html·css3