平台兼容性

属性 说明 类型 默认值
dot 不展示数字,只有一个小红点,如需隐藏 dot ,需要设置 count 为 0 Boolean false
count 显示的数字,大于 maxCount时,显示 ${maxCount}+,为 0 时隐藏 Number 0
maxCount 展示封顶的数字值 Number 99
<template>
  <view class="app">
    <view class="cell">
      <min-badge dot>
        <view class="test"></view>
      </min-badge>
    </view>
    <view class="cell">
      <min-badge count="10" maxCount="9">
        <view class="test"></view>
      </min-badge>
    </view>
    <view class="cell">
      <min-badge count="9">
        <view class="test"></view>
      </min-badge>
    </view>
    <view class="cell">
      <min-badge count="99">
        <view class="test"></view>
      </min-badge>
    </view>
    <view class="cell">
      <min-badge count="100">
        <view class="test"></view>
      </min-badge>
    </view>
  </view>
</template>

<script>
import minBadge from '@/components/min-badge/min-badge'
export default {
  components: {
    minBadge
  }
}
</script>

<style lang="scss" scoped>
  .app {
    padding: 22rpx;
  }
  .cell {
    margin: 22rpx;
  }
  .test {
    width: 100rpx;
    height: 100rpx;
    background: #dddddd;
  }
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问