在react的tsx文件中改变css样式

在TypeScript的.tsx文件中，如果你想让<span>元素中的文本向右移动10像素，你可以使用内联样式或者定义一个CSS类来实现。下面是两种实现方式：

1. 内联样式：直接在<span>元素上使用style属性。

<span style={{ marginLeft: '10px', fontWeight: 'bold' }}>
  工业AI Agent开发与应用平台使用帮助文档
</span>

2. CSS类：在CSS文件中定义一个类，并在.tsx文件中引用这个类。

首先，在CSS文件中添加：

.move-right-10px {
  margin-left: 10px;
  font-weight: bold; /* 如果你也想加粗文本，可以在这里添加 */
}

然后在.tsx文件中使用这个类：

<span className="move-right-10px">
  工业AI Agent开发与应用平台使用帮助文档
</span>

请注意，在React中，我们通常使用className而不是class作为属性名来指定CSS类，因为class是JavaScript的一个保留字。此外，如果你在style属性中使用对象，你需要确保使用驼峰命名法（例如marginLeft而不是margin-left）。