@retailwe/ui-info

0.0.17 • Public • Published

info 图标

引入

全局引入,在miniprogram根目录下的app.json中配置,局部引入,在需要引入的页面或组件的index.json中配置。

// app.json 或 index.json
"usingComponents": {
  "wr-info": "@retailwe/ui-info/index"
}

代码演示

注意:使用info组件时,务必将其父节点设为 position: relative

基础用法

<view style="position: relative;">消息<wr-info info="99+"/></view>

显示红点

<view style="position: relative;">消息<wr-info dot/></view>

## API

### info Props

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|-----------|-----------|-----------|-------------|-------------|
| info | 需要显示的角标内容 | *string* | - | - |
| dot | 是否需要显示右上角红点,优先级比info高 | *boolean* | `false` | - |

### info 外部样式类

| 类名 | 说明 |
|-----------|-----------|
| wr-class | 根节点外部样式类 |

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i @retailwe/ui-info

      Weekly Downloads

      11

      Version

      0.0.17

      License

      none

      Unpacked Size

      2.67 kB

      Total Files

      6

      Last publish

      Collaborators

      • jeannehuang
      • gaterking
      • rachelrgao