Card 卡片

    2.     <view class="page__hd">
    3.         <view class="page__title">Card</view>
    4.         <view class="page__desc">卡片</view>
    5.     </view>
    6.     <view class="page__bd">
    7.         <view class="sub-title">Default</view>
    8.             <wux-card title="卡片标题" extra="额外内容">
    9.                 <view slot="body">卡片内容</view>
    10.                 <view slot="footer">尾部内容</view>
    11.             </wux-card>
    12.         </wux-wing-blank>
    13.         <view class="sub-title">Thumb</view>
    14.         <wux-wing-blank size="default">
    15.             <wux-card title="卡片标题" extra="额外内容" thumb="https://wux.cdn.cloverstd.com/logo.png">
    17.                 <view slot="footer">尾部内容</view>
    18.             </wux-card>
    19.         </wux-wing-blank>
    20.         <view class="sub-title">Custom thumb style</view>
    21.         <wux-wing-blank size="default">
    22.             <wux-card title="卡片标题" extra="额外内容" thumb="https://wux.cdn.cloverstd.com/logo.png" thumb-style="border-radius: 50%;">
    23.                 <view slot="footer">尾部内容</view>
    24.             </wux-card>
    25.         </wux-wing-blank>
    26.         <view class="sub-title">No border</view>
    27.         <wux-wing-blank size="default">
    28.             <wux-card bordered="{{ false }}" title="卡片标题" extra="额外内容" thumb="https://wux.cdn.cloverstd.com/logo.png">
    29.                 <view slot="body">卡片内容</view>
    30.                 <view slot="footer">尾部内容</view>
    32.         </wux-wing-blank>
    33.         <view class="sub-title">Full</view>
    34.         <wux-card full="{{ true }}" title="卡片标题" extra="额外内容" thumb="https://wux.cdn.cloverstd.com/logo.png">
    35.             <view slot="body">卡片内容</view>
    36.             <view slot="footer">尾部内容</view>
    37.         </wux-card>
    38. </view>

    Card