uniapp按钮字体背景修改

UniApp是一个基于Vue.js的跨平台框架，用于快速开发原生应用。如果你想在 UniApp 中修改按钮的字体和背景，你可以通过样式表（CSS）来定制。以下是如何操作的基本步骤：

1. **获取元素引用**：
首先，你需要获取到你要修改的按钮元素。可以使用`this.$refs`来访问组件内的元素，例如 `buttonRef: ref('yourButton')`。

2. **编写CSS样式**：
在`.vue`文件中或单独的`styles.css`文件里，创建一个新的类，比如 `.custom-button`，然后设置属性：

   .custom-button {
       color: /* 文字颜色 */;
       background-color: /* 背景颜色 */;
       font-family: /* 字体名称 */;
       font-size: /* 字体大小 */;
   }

3. **应用样式**：
将这个自定义类应用到你的按钮上，通常在`methods`或`data`中：

   <button @click="doSomething" class="custom-button">点击我</button>

或者在需要改变样式的特定事件处理函数中动态添加或删除该类：

   methods: {
     doSomething() {
       this.buttonRef.classList.add('custom-button');
     }
     // 在相应的地方移除
     undoSomething() {
       this.buttonRef.classList.remove('custom-button');
     }
   }

4. **注意事项**：
- 确保字体名可用且支持所有目标平台，可以使用Web字体或者系统默认字体作为备选。
- 如果是在运行时动态修改，记得更新样式表引用路径或确保其已加载完成。