uniapp 修改uni-ui样式

在UniApp中修改uni-ui样式的步骤如下：

1. **引入CSS**: 首先，你需要在需要修改样式的地方引入自定义CSS文件，通常在`pages`文件夹下的对应组件文件（如.vue文件）中添加`<style lang="less" scoped>`标签，然后引用你的CSS文件路径。

<!-- components/my-component.vue -->
<style lang="less" scoped>
@import "~@/styles/my-custom-theme.less";
</style>

2. **创建定制主题**：在项目根目录的`src/styles`下创建一个名为`my-custom-theme.less`或其他你喜欢的名字的文件，这里是定制uni-ui样式的入口。

3. **修改样式**：在新创建的CSS文件中，你可以选择性地覆盖uni-ui内置的CSS属性，例如改变按钮的颜色、字体等。

// src/styles/my-custom-theme.less
button {
  color: red !important; // 修改按钮文字颜色
  background-color: blue !important; // 修改背景颜色
}

4. **应用到页面上**：保存并刷新你的组件，现在你应该看到应用了新样式的组件。如果你只想让某个特定的组件应用新的样式，可以将`scoped`属性去掉，或者给组件添加一个具体的class名来针对性地修改。

5. **注意覆盖顺序**：如果uni-ui库已经有一些内联样式，确保你的自定义样式位于它们之后，以便覆盖原有的样式。