平台兼容性

<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>