WePY里样式不生效是怎么回事? Designer°殿薇 提问于 2026-03-20 20:57:19 阅读 20 移动 我在 WePY 项目里写了个组件,想给按钮加个圆角,但样式死活不生效,是不是 scoped 的问题? 我试过直接写 class,也试过用 ::v-deep,但都没用。控制台也没报错,就是显示不出来。 .btn { border-radius: 20rpx; background-color: #007aff; color: white; padding: 10rpx 30rpx; } 我来解答 赞 3 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 爱学习的梓桑 Lv1 在 WePY 项目里样式不生效,有时候真是挺让人抓狂的。scoped 样式可能是个坑,但也不排除其他原因。你提到的 ::v-deep 是 Vue 中的作用域穿透,但在 WePY 里可能得用别的方法。 你可以试试这样: .btn { border-radius: 20rpx !important; background-color: #007aff; color: white; padding: 10rpx 30rpx; } 直接用这个,给样式加个 !important 看看能不能解决问题。有时候 WePY 的样式处理机制比较特殊,加上 !important 能强制覆盖其他样式。 如果还不行,检查下你的组件是不是正确引入了样式文件,或者试试全局样式看看是否生效。有时候问题不在局部,而在全局配置上。 回复 点赞 2026-03-20 21:00 加载更多 相关推荐 1 回答 19 浏览 WePY里scoped样式不生效是怎么回事? 我在WePY组件里写了scoped样式,但发现样式全局污染了,别的页面也被影响了。不是说scoped会自动加唯一属性吗? 我试过加scoped关键字,也重启过编译,还是不行。下面是我在.wpy文件st... UE丶尚萍 移动 2026-03-10 23:06:19 1 回答 11 浏览 WePY 中如何监听页面返回事件? 我在用 WePY 开发小程序,现在有个页面需要在用户点击左上角返回按钮时做些清理操作,但不知道怎么监听页面返回。 试过 onUnload,但它在页面关闭时才触发,而我想在用户真正点击返回的时候就处理。... 打工人张豪 移动 2026-03-23 12:30:23 2 回答 56 浏览 WePY中flex布局在iPhone 12显示文字溢出怎么办? 在用WePY开发小程序时,遇到一个flex布局的问题。我给导航栏设置了flex布局,但在iPhone 12上文字会溢出到外面,其他机型没问题。 已经试过设置overflow: hidden和text-... 书生シ志敏 框架 2026-02-03 15:31:28 2 回答 26 浏览 WePY中如何正确监听页面滚动事件? 我在用 WePY 开发一个页面,想监听页面的滚动位置来做懒加载,但直接在 methods 里写 onScroll 好像没反应。查了文档说要用 wepy.page 的生命周期,但试了 onPageScr... 西门甜雅 移动 2026-03-17 14:37:21 1 回答 21 浏览 WePY中如何正确绑定input的值变化事件? 我在用WePY写小程序时,想监听input输入框的内容变化,但发现onInput事件里拿不到最新的值,试了setData也不行,到底该怎么写才对? 我现在的代码是这样的: methods: { onI... 予曦~ 移动 2026-02-27 15:42:18 1 回答 23 浏览 Taro 多端编译时样式不生效怎么办? 我在用 Taro 开发一个多端项目,H5 和微信小程序都正常,但编译到支付宝小程序时,部分样式完全没生效。比如下面这个按钮的边框和圆角,在支付宝里就是默认样式。 我试过把 px 换成 rpx,也检查了... 桂霞 框架 2026-03-14 22:02:21 2 回答 25 浏览 DatePicker日期组件的样式怎么覆盖不生效? 我在用 Ant Design 的 DatePicker,想改一下下拉面板的宽度,但加了 CSS 样式死活不生效,是不是被组件内部样式优先级搞死了? 我试过直接写类名覆盖,也试过加 !important... UE丶晓芳 组件 2026-03-05 12:11:18 1 回答 24 浏览 Taro 多端编译时样式不生效怎么办? 我在用 Taro 开发一个多端项目,H5 上样式正常,但编译到微信小程序后部分样式没生效,比如 display: flex 布局错乱了。 查了文档说要加前缀,但我已经用了 @tarojs/plugin... Air-文阁 框架 2026-03-04 17:52:19 2 回答 37 浏览 预览模式下样式不生效怎么办? 我在做可视化编辑器的预览功能,切换到预览模式后,原本在编辑区生效的 Tailwind 样式全没了,但 HTML 结构是对的。 我试过把 Tailwind 的 CDN 链接加到预览 iframe 的 h... 迷人的治博 交互 2026-03-03 03:56:18 2 回答 29 浏览 Taro 多端编译时样式不生效怎么办? 我在用 Taro 开发一个多端项目,H5 上样式正常,但编译到微信小程序后某些样式完全没生效,比如 flex 布局和部分 padding。明明写了 display: flex,但在小程序开发者工具里看... 技术娜娜 框架 2026-03-02 08:07:21
::v-deep是 Vue 中的作用域穿透,但在 WePY 里可能得用别的方法。你可以试试这样:
直接用这个,给样式加个
!important看看能不能解决问题。有时候 WePY 的样式处理机制比较特殊,加上!important能强制覆盖其他样式。如果还不行,检查下你的组件是不是正确引入了样式文件,或者试试全局样式看看是否生效。有时候问题不在局部,而在全局配置上。