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

Designer°殿薇提问于 2026-03-20 20:57:19 阅读 47

移动

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

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

.btn {
  border-radius: 20rpx;
  background-color: #007aff;
  color: white;
  padding: 10rpx 30rpx;
}

我来解答赞 10 收藏

反馈

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