使用方式

<link rel="stylesheet" href="/components/style/card.css" type="text/css" />

<div class="st_card" shadow="always">
    <div class="st_card_header">
        <span style="line-height: 28px">卡片头部</span>
        <button class="st_button is_plain" type="primary" size="mini" style="float: right">操作按钮</button>
    </div>
    <div class="st_card_body">内容代码</div>
    <div class="st_card_footer">
        <span style="line-height: 28px">卡片底部</span>
        <button class="st_button is_plain" type="primary" size="mini" style="float: right">操作按钮</button>
    </div>
</div>

阴影

<div class="st_col_8" style="padding: 0 10px">
    <div class="st_card" shadow="always">
        <div class="st_card_body">总是显示</div>
    </div>
</div>
<div class="st_col_8" style="padding: 0 10px">
    <div class="st_card" shadow="hover">
        <div class="st_card_body">悬停显示</div>
    </div>
</div>
<div class="st_col_8" style="padding: 0 10px">
    <div class="st_card">
        <div class="st_card_body">不显示</div>
    </div>
</div>