uni-app 组件样式修改指南：如何安全定制组件外观

uni-app 组件是基于小程序原生组件封装的，为了保证组件的稳定性和可维护性，禁止直接修改样式。如果需要修改样式，应该通过提供的接口进行设置，或者通过覆盖默认样式来实现。这样可以保证组件在不同平台下的表现一致，同时也方便后续的版本升级和维护。

使用接口修改样式：

uni-app 组件通常提供一些接口，用于修改组件的样式属性。例如，Button 组件的 type 属性可以用来设置按钮的类型，从而改变按钮的样式。

覆盖默认样式：

如果组件没有提供相应的接口，或者需要更灵活的样式控制，可以覆盖默认样式。可以通过在 uni.scss 文件中定义新的样式规则，并使用 !important 来覆盖默认样式。

示例：

/* 覆盖 Button 组件的默认样式 */
.uni-button {
  background-color: #f00 !important;
  color: #fff !important;
}

注意：

• 尽量不要直接修改组件的 CSS 代码，因为这可能会导致组件的行为出现异常，并且在后续的版本升级中可能会被覆盖。
• 使用 !important 可能会导致样式冲突，应谨慎使用。
• 为了保证组件的稳定性和可维护性，建议优先使用组件提供的接口来修改样式。