uview u-button在小程序中自定义class样式无效

如果在小程序中自定义class样式无效，可能是因为在uview组件库中，u-button组件的样式是通过scoped样式来实现的。

scoped样式是一种只在当前组件内生效的样式，它的作用域被限制在当前组件内部，不会影响到其他组件。这种方式可以有效避免样式污染和样式冲突。

因此，如果要自定义u-button组件的样式，需要使用uview提供的自定义组件样式覆盖功能。具体步骤如下：

1. 在app.vue或者需要引入u-button的页面的vue文件中，引入u-button组件，并注册为自定义组件。

<template>
  <view>
    <u-button class="my-button">自定义按钮</u-button>
  </view>
</template>

<script>
  import uButton from '@/components/u-button/u-button.vue'
  export default {
    components: {
      uButton
    }
  }
</script>

2. 在样式文件中，使用>>>或者/deep/来穿透scoped样式，覆盖u-button组件的样式。

/* 在样式文件中 */
.my-button >>> .u-button {
  background-color: #ff9900;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  padding: 10px 20px;
}

注意，>>>或者/deep/是用来穿透scoped样式的关键词，如果不加这个关键词，自定义样式将不会生效。