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

相关推荐
奇舞精选2 分钟前
你可能不知道但非常实用的 HTML5 元素
css
Jolyne_1 小时前
grid 实现完美的水平铺满、间隔一致的自适应布局
前端·css
西洼工作室1 小时前
【解决导航栏字体图标渲染导致文本闪烁问题】采用腾讯视频的解决方案
前端·css·css3
站在风口的猪11082 小时前
《前端面试题:CSS的display属性》
前端·css·html·css3·html5
FogLetter2 小时前
从Flex布局到Transition艺术:打造让用户尖叫的前端体验
前端·css
前端康师傅2 小时前
CSS中的继承问题
前端·css
小桥风满袖2 小时前
Three.js-硬要自学系列29之专项学习透明贴图
前端·css·three.js
普宁彭于晏3 小时前
元素水平垂直居中的方法
前端·css·笔记·css3
云浪4 小时前
元素变形记:CSS 缩放函数全指南
前端·css
kite012111 小时前
浏览器工作原理06 [#]渲染流程(下):HTML、CSS和JavaScript是如何变成页面的
javascript·css·html