unocss设置文字颜色

在使用unocss设置文字颜色时，可以使用以下方法：

1. 在Vue组件中直接使用内联样式设置文字颜色：

<template>
  <div style="color: red;">Hello, unocss!</div>
</template>

2. 在Vue组件中使用class绑定设置文字颜色：

<template>
  <div :class="{ 'text-red': isRed }">Hello, unocss!</div>
</template>

<style>
.text-red {
  color: red;
}
</style>

<script>
export default {
  data() {
    return {
      isRed: true
    };
  }
};
</script>

3. 在全局样式中设置文字颜色：

/* 在全局样式文件中 */
.text-red {
  color: red;
}

然后在Vue组件中使用该class：

<template>
  <div class="text-red">Hello, unocss!</div>
</template>