数学定义组件(Definition)
数学定义用于在文档中插入数学定义。
组件定义
- src/components/Definition/index.tsx
- src/components/Definition/style.module.css
import React from 'react';
import MDXContent from '@theme/MDXContent';
import styles from './style.module.css'
export default function Definition({title, seqNo, children}) {
return (<div className={styles.definition}>
<MDXContent>
<div className={styles.header}>
<span className={styles.keyword}>DEFINITION {seqNo && ` ${seqNo}`}</span>
{title ? <span className={styles.title}>{title}</span> : ''}
</div>
<p>{children}</p>
</MDXContent>
</div>);
}
.definition {
border-left: 4px solid rgba(72, 121, 246, 0.5);
background: rgba(72, 121, 246, 0.1);
border-radius: 5px;
box-shadow: var(--ifm-blockquote-shadow);
color: var(--ifm-blockquote-color);
font-size: var(--ifm-blockquote-font-size);
margin: 0 0 var(--ifm-spacing-vertical);
padding: 5px var(--ifm-blockquote-padding-horizontal);
}
.header {
margin-bottom: 10px;
}
.keyword {
font-weight: bold;
color: #1fa588;
margin-right: 10px;
}
.title {
color: dimgray;
font-weight: bold;
}
使用示例
<Definition title="单位向量">
单位向量$\bm{u}$是长度为 $1$ 的向量,$\bm{u}\sdot\bm{u}=1$
</Definition>
DEFINITION 单位向量
单 位向量是长度为 的向量,
带序号的定义信息
<Definition title="单位向量" seqNo="1">
单位向量$\bm{u}$是长度为 $1$ 的向量,$\bm{u}\sdot\bm{u}=1$
</Definition>
DEFINITION 1单位向量
单位向量是长度为 的向量,
注意
title
中不支持Markdown内容