# mx-info 小红点
通过设置小红点组件，可以进行徽标提示。
# 引入
在app.json或index.json中引入组件，详细介绍见快速上手
"usingComponents": {
"mx-info": "/miniprogram_npm/m-ui/mx-info/index"
}
# 小程序码
可使用微信扫码查看小程序码
#
# 代码演示
# 基本用法
info的info属性支持传入数字，展示相应的徽标。
<mx-info info="3"></mx-info>
<mx-info info="99"></mx-info>
<mx-info info="99+"></mx-info>
# 设置小点提示
设置dot属性后，会展示一个小红点。
<mx-info dot />
# API
# Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
info | 徽标文字提示 | any | - |
dot | 是否显示小红点 | boolean | false |
custom-style | 自定义样式 | string | '' |
# 外部样式类
| 名称 | 说明 |
|---|---|
custom-class | 根节点样式类 |