优化

client/packages/design/components/Highlight/index.module.less

@@ -0,0 +1,8 @@
+.highLight {
+  background-color: rgba(0,0,0,0.2);
+  border-radius: 0.25rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}

client/packages/design/components/Highlight/index.tsx

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from 'react';
+import styles from './index.module.less';
+
+export const Highlight: React.FC<PropsWithChildren> = React.memo((props) => {
+  return <span className={styles.highLight}>{props.children}</span>;
+});
+Highlight.displayName = 'Highlight';