You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Radix Switch组件Thumb本地无滑动过渡问题求助

Radix Switch组件本地环境Thumb滑动过渡失效问题

我用Tailwind编写的Radix Switch组件在沙箱环境运行正常,但本地环境中Thumb滑块部分无法实现滑动过渡效果,始终保持静止状态。

点击时组件属性会正常更新(滑块背景从选中状态的黑色变为未选中状态的红色),在Storybook及外部测试中结果一致。

两处环境代码完全相同,唯一差异是包版本:沙箱中所有包均为latest版本,本地依赖版本如下:

"dependencies": {
    "@radix-ui/colors": "^0.1.8",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-switch": "^1.0.2",
    "classnames": "2.2.6",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  },
  "devDependencies": {
    "@vitejs/plugin-react": "1.2.0",
    "autoprefixer": "^10.4.14",
    "postcss": "^8.4.21",
    "tailwindcss": "^3.3.1",
    "vite": "^4.3.5"
  }

组件状态变化演示

内容的提问来源于stack exchange,提问作者Mix Master Mike

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 17:17:05