wx.showmodal 弹框内容颜色更改

抱歉，我之前给出的回答有误。在小程序中，`wx.showModal` 的内容无法直接修改颜色，因为该方法只支持纯文本内容的显示，不支持富文本或自定义样式。

如果您需要在弹框中显示不同颜色的文本，可以考虑使用自定义模态框组件来实现。您可以自定义一个模态框组件，然后在组件内部使用 `<text>` 标签或 `<rich-text>` 标签来控制文本的样式。

以下是一个简单的示例代码：

1. 创建自定义模态框组件 `my-modal`，并在组件内部使用 `<text>` 标签来控制文本样式。

<!-- my-modal.wxml -->
<view class="modal">
  <text class="content">这是<span class="red-text">红色</span>的文本内容</text>
</view>

2. 在 `my-modal.wxss` 中定义文本样式。

/* my-modal.wxss */
.modal {
  background-color: #fff;
  padding: 20rpx;
}

.content {
  font-size: 28rpx;
}

.red-text {
  color: red;
}

3. 在页面中使用自定义模态框组件。

<!-- index.wxml -->
<view>
  <button bindtap="showModal">显示模态框</button>
  <my-modal wx:if="{{ showModal }}"></my-modal>
</view>

// index.js
Page({
  data: {
    showModal: false,
  },
  showModal() {
    this.setData({
      showModal: true,
    });
  },
});

在上述代码中，我们创建了一个自定义模态框组件 `my-modal`，并在组件内使用 `<text>` 标签和 CSS 样式来控制文本的颜色。然后在页面中通过条件渲染的方式来显示模态框。

请根据您的实际需求进行修改和扩展。希望对您有所帮助！