当前位置: 首页 > 知识库问答 >
问题:

vuetify从 v1.5.x 升级到 v2.6.x,v-switch组件样式出现了问题,该怎么调整?

督阿苏
2024-04-07

vuetify从 v1.5.x 升级到 v2.6.x,v-switch组件样式出现了问题,该怎么调整?

这是PC端的效果image.png
这是移动端的效果image.png

之前是正常的,组件版本升级后就变成这样了,Switch开启的效果有问题,圆点没有落在最边缘的位置,但是关闭是正常的

有调整样式,但是不得行,开启和关闭总是有一个不正常,那个圆点没有落在最边缘的位置

共有1个答案

龚奇逸
2024-04-07

提供一个复现Demo看看?我在文档里的 CodepenDemo 里面没看到有问题。 �� Switch 开关 — Vuetify
看看是不是一些其他的原因导致的。比如说:px2rem 或者 px2vw 之类的东西引起的。

或者你自己覆写过了主题样式,然后v1升级到v2的时候一些样式变量没有调整过来。 �� 升级指南 — Vuetify

 类似资料:
  • 正在尝试升级Springboot 该行是为升级的2.3添加的。x 专家有什么建议来匹配数据库CPU和与以前版本的连接? DB进程列表也有几个“清理”状态。 gradle依存关系 日志上说它的采摘tomcat.datasource 组织。阿帕奇。公猫jdbc。水塘DataSource@35ee466f{连接池[defaultAutoCommit=true;defaultReadOnly=null;d

  • 如果您打算升级一个早先版本的 Jekyll,那么一些发生在 1.0 及 2.0 版本中的相关变化,您需要首先了解下。 在我们开始动手之前,请先获取最新版本的 Jekyll: $ gem update jekyll 立即开始 想快速构建并运行一个全新的 Jekyll 站点吗?那么只要执行 jekyll new SITENAME 即可!该命令会创建一个包含了 Jekyll 最基础框架的文件夹。 Jek

  • 从 Rax 0.x 升级为 Rax 1.x,需要注意以下事项: render 变更 import { createElement, render } from 'rax'; import UniversalDriver from 'driver-universal'; ... // 需在 render 方法中指定 Driver 进行渲染 render(<App />, document.body,

  • 本文档将帮助你从 Element 2.x 升级至 Element Plus. 不兼容更新 以下是不兼容更新的列表 本文档有待完善,目前请参考这里的 不兼容更新列表。

  • 我正在将grails应用程序从grails 2.5.4升级到3.1.9,我在ajax调用方面遇到了问题。 我有gsp模板在我的应用程序中使用ajax请求从服务器异步加载数据。这里是其中一个。 下面的javascript调用激活ajax请求。 这将成功调用以下控制器操作。 直到这一刻,一切都按预期进行。比它应该呈现以下gsp模板,但它没有。该属于它的地方空着,控制台没有错误 我不得不重新将资源插件中

  • 我们正在尝试将SpringFox2.0升级到3.0的Open API规范。但是当我们使用''url生成open doc时,它显示的版本为2.0。不确定为什么版本仍然指向旧版本。 我们正在使用springboot应用程序 我按照以下步骤按照spring fox文档进行升级 [http://springfox.github.io/springfox/docs/current/][1] “2.1.3.从