Avatar 头像

    2.     <view class="page__hd">
    3.         <view class="page__title">Avatar</view>
    4.         <view class="page__desc">头像</view>
    5.     </view>
    6.     <view class="page__bd page__bd_spacing">
    7.         <view>
    8.             <wux-avatar size="small">U</wux-avatar>
    9.             <wux-avatar>U</wux-avatar>
    10.             <wux-avatar size="large">U</wux-avatar>
    11.         </view>
    12.         <view class="sub-title">Shape = square</view>
    13.         <view>
    15.             <wux-avatar shape="square">U</wux-avatar>
    16.             <wux-avatar shape="square" size="large">U</wux-avatar>
    17.         </view>
    18.         <view class="sub-title">Custom Style</view>
    19.         <view>
    20.             <wux-avatar wux-class="wux-avatar--custom" size="small">U</wux-avatar>
    21.             <wux-avatar body-style="background-color: #33cd5f" size="large">U</wux-avatar>
    22.         </view>
    23.         <view class="sub-title">Scale</view>
    24.         <view>
    25.             <wux-avatar scale size="small">Wux</wux-avatar>
    26.             <wux-avatar scale>Weapp</wux-avatar>
    28.         </view>
    29.         <view class="sub-title">Src</view>
    30.         <view>
    31.             <wux-avatar size="small" src="https://wux.cdn.cloverstd.com/logo.png" />
    32.             <wux-avatar src="https://wux.cdn.cloverstd.com/logo.png" />
    33.             <wux-avatar size="large" src="https://wux.cdn.cloverstd.com/logo.png" />
    34.         </view>
    35. </view>

    Avatar