# 自定义容器 默认主题

输入

::: tip
This is a tip
:::

::: warning
This is a warning
:::

::: danger
This is a dangerous warning
:::

输出

提示

注意

警告

This is a dangerous thing

你也可以自定义块中的标题：

::: danger STOP
Danger zone, do not proceed
:::

# 代码块中的行高亮

输入

``` js {4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
```

输出

export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

# Emoji

输入

:tada: :100:

输出

🎉 💯

在这里可以找到所有可用的 emojis 列表。

# Badge(角标)我是一个小脚表

内置组件Badge有三个属性需要传递2.5.0+

• text：它指明了角标的内容beta
• type：同自定义容器类似，它有三种不同的类型，分别是tip、warn和error，默认是tip
• vertical：它指明了角标同内容的对齐方式，有两个值，分别是top和middle，默认是top

角标的使用如下所示

#### Vue <Badge text="2.5.0+"/> 
#### Vuex <Badge text="beta" type="warn" vertical="top"/> 
#### Vue-Resource<Badge text="废弃" vertical="middle" type="error"/>
复制代码