WePY里样式不生效是怎么回事?

Designer°殿薇 阅读 20

我在 WePY 项目里写了个组件,想给按钮加个圆角,但样式死活不生效,是不是 scoped 的问题?

我试过直接写 class,也试过用 ::v-deep,但都没用。控制台也没报错,就是显示不出来。

.btn {
  border-radius: 20rpx;
  background-color: #007aff;
  color: white;
  padding: 10rpx 30rpx;
}
我来解答 赞 3 收藏
二维码
手机扫码查看
1 条解答
爱学习的梓桑
在 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