如何在Uni-app的modal对话框中设置内容区域的文字为红色高亮显示？

在 Uni-app 中，如果你想要在 modal 对话框的内容区域设置文字为红色高亮显示，你可以通过修改组件的样式或者使用一些 UI 库提供的内置功能来实现。这里提供一种基本的方式：

1. **直接操作样式**: 在你的 Vue 组件的 `.vue` 文件里，可以在 `<template>` 标签中的 `dialog` 元素上添加一个自定义的 class，并在 `<style scoped>` 区域内定义该类的样式，例如：

<template>
  <view class="modal">
    <dialog class="red-highlight" @onClose="handleClose">
      <text class="dialog-content">这是高亮显示的内容</text>
    </dialog>
  </view>
</template>

<style scoped>
.modal {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.red-highlight .dialog-content {
  color: red;
  font-weight: bold; /* 可选，增加字体加粗效果 */
}
</style>

2. **利用第三方库**: 如果 Uni-app 的核心库没有提供这样的功能，你可以考虑引入外部 CSS 渲染库，如 weex-vue-loader 或者使用 CSS-in-JS 库 WeexStyleSheet 来动态创建样式。

记得在实际项目中处理好代码结构和样式复用，避免全局污染。