深色主题标题区域:

```jsx
<template>
  <yz-title-box
    theme="normal"
    title="标题"
    description="这是描述文字"
  ></yz-title-box>
</template>
```

渐变主题标题区域:

```jsx
<template>
  <div>
    <yz-title-box
      theme="gradient"
      title="渐变标题"
      description="icon为图片的渐变描述文字"
      :isImage="true"
      icon="https://www.easyicon.net/api/resizeApi.php?id=1130584&size=48"
    ></yz-title-box>
    <yz-title-box
      theme="gradient"
      title="渐变标题"
      description="icon为Icon的渐变描述文字"
      :isImage="false"
      icon="ios-list"
    ></yz-title-box>
    <yz-title-box
      theme="gradient"
      title="渐变标题"
      description="这是渐变描述文字"
    ></yz-title-box>
  </div>
</template>
```