<!-- Default -->
<a href="#" class="card is-event">
  <div class="card-cover">
    <div class="card-tag">o2o法制沙龙</div>
    <div class="card-cover-inner" style="background-image: url(/prototype/12348-common/static/assets/images/3a.jpg);"></div>
  </div>
  <h4 class="card-title">法律人心中的那片海：诗和远方</h4>
  <div class="card-info">发布时间: 2017年6月2日</div>
  <div class="card-desc">每一个严谨的法律人，都有一颗诗人般柔软的心。无数个日日夜夜的伏案疾书，沉浸在忙碌的工作中的法律人，还记得你的初心吗？...</div>
</a>

<!-- with state 包含状态 -->
<a href="#" class="card is-event with-state">
  <div class="card-cover">
    <!-- <div class="card-tag is-primary">筹备中</div> -->
    <!-- <div class="card-tag is-success">报名中</div> -->
    <!-- <div class="card-tag is-danger">进行中</div> -->
    <div class="card-tag">已结束</div>
    <div class="card-cover-inner" style="background-image: url(/prototype/12348-common/static/assets/images/3a.jpg);"></div>
  </div>
  <h4 class="card-title">法律人心中的那片海：诗和远方</h4>
  <div class="card-info"><span>30</span>2017-06</div>
  <div class="card-desc">每一个严谨的法律人，都有一颗诗人般柔软的心。无数个日日夜夜的伏案疾书，沉浸在忙碌的工作中的法律人，还记得你的初心吗？...</div>
</a>