开始我们的 Geist 之旅。

<Text h1>开始我们的 Geist 之旅。</Text>

<>
  <Text p>
  函数用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。
  </Text>
  <Text p b>
  函数用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。
  </Text>
</>

<>
  <Text small>
  函数用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。
  </Text>
  <Text small i>
  函数用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。
  </Text>
</>

<Text blockquote my={0}>
  事件能为网页添加真实的交互能力。
</Text>

<Text b i style={{ letterSpacing: '0.6px' }}>
  <Text span type="success">G</Text>
  <Text span type="warning">e</Text>
  <Text span type="secondary">i</Text>
  <Text span type="error">s</Text>
  <Text span style={{ color: '#ccc' }}>t</Text>
  <Text span type="success" ml="5px">UI</Text>
</Text>

<>
  <Text p mt={0}>
  函数用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。
  </Text>
  <Text mb={0}>
    <Text small del>函数用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。</Text>
    <Text small b>函数用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。</Text>
  </Text>
</>

<>
  <Text font="12px" mt={0}>Font Size: 12px;</Text>
  <Text font="14px">Font Size: 14px;</Text>
  <Text font="1rem">Font Size: 1rem;</Text>
  <Text scale={1.25} mb={0}>Font Size Scale: 1.25;</Text>
</>