Badge 徽章

    2.     <view class="page__hd">
    3.         <view class="page__title">Badge</view>
    4.         <view class="page__desc">徽章</view>
    5.     </view>
    6.     <view class="page__bd">
    7.         <view class="example">
    8.             <wux-badge dot="{{ true }}">
    9.                 <view class="example__badge"></view>
    10.             </wux-badge>
    11.         </view>
    12.         <view class="example">
    13.                 <view class="example__badge"></view>
    14.             </wux-badge>
    15.         </view>
    16.         <view class="example">
    17.             <wux-badge count="3">
    18.                 <view class="example__badge"></view>
    19.             </wux-badge>
    21.         <view class="example">
    22.             <wux-badge count="100">
    23.                 <view class="example__badge"></view>
    24.             </wux-badge>
    25.         </view>
    26.         <view class="example">
    27.             <wux-badge count="9999" overflow-count="1024">
    28.                 <view class="example__badge"></view>
    29.             </wux-badge>
    30.         </view>
    31.         <view class="example">
    32.             <wux-badge count="66" />
    33.         <view class="example">
    34.             <wux-badge count="88" wux-class-badge="bg-green" />
    35.         </view>
    36.         <view class="example">
    37.             <wux-badge status="success" />
    38.         </view>
    40.             <wux-badge status="error" />
    41.         </view>
    42.         <view class="example">
    43.             <wux-badge status="default" />
    44.         </view>
    45.         <view class="example">
    46.             <wux-badge status="processing" />
    47.         </view>
    48.         <view class="example">
    49.             <wux-badge status="warning" text="Warning" />
    50.         </view>
    51.     </view>
    52. </view>

    Badge