技术栈

关于uview-ui的u-tabs标签滑块不居中的问题

旺财矿工2023-12-12 22:02

在uniapp中,打开文件

uni_modules/uview-ui/components/u-tabs/u-tabs.vue

然后在style中添加以下代码即可

css 复制代码
/deep/ .u-tabs__wrapper__nav__line {
			left: 18rpx;
}

之前效果图:

之后效果图:

注意,代码中的18rpx需要自行调整

上一篇:【Vue】vue小工具,vue移动端h5页面使用小齿轮控制台,移动端项目打开控制台
下一篇:计算机网络——习题
相关推荐
xiangxiongfly915
8 小时前
CSS link标签
前端·css
十年磨一剑~
9 小时前
html+js开发一个测试工具
javascript·css·html
爱吃巧克力的程序媛
9 小时前
将qt界面中加载css或者qss样式
开发语言·css·qt
拉不动的猪
15 小时前
CSS 像素≠物理像素:0.5px 效果的核心密码是什么?
前端·css·面试
加个鸡腿儿
16 小时前
锚点跳转-附带CSS样式 & 阻止页面刷新技术方案
前端·javascript·css
程序猿_极客
16 小时前
【期末网页设计作业】HTML+CSS+JS 美食分享主题网站设计与实现(附源码)
javascript·css·html
小杨累了
17 小时前
CSS实现边框光点围绕特效
css
亮子AI
17 小时前
【CSS】cursor: auto, default, none 有什么区别?
前端·css
一川_
18 小时前
从 Vue 构建错误到深度解析:::v-deep 引发的 CSS 压缩危机
css·前端工程化
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04Linux下V2Ray安装配置指南05综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件06BongoCat - 跨平台键盘猫动画工具07Labelme从安装到标注:零基础完整指南08jdk21下载、安装(Windows、Linux、macOS)09刚刚!字节 Trae SOLO 正式发布,限时免费10全面评测 | Photoshop 2026 新特性深度解析与实测体验