<h3>默认  </h3>
<ul class="sui-tag">
  <li>Normal</li>
  <li>logo设计</li>
  <li>店铺装修达人</li>
  <li>艺术</li>
  <li>公sdf告</li>
  <li>注意afs</li>
</ul>
<h3>选中的tag的状态：li.tag-selected</h3>
<ul class="sui-tag tag-selected">
  <li>Normal</li>
  <li class="tag-selected">logo设计</li>
  <li>店铺装修达人</li>
  <li class="tag-selected">艺术</li>
  <li>公sdf告</li>
  <li class="tag-selected">注意afs</li>
</ul>

使用方法很简单了，最好是用ul>li的结构，或者内部是a标签也可以。

<h3>默认  .sui-tag</h3>
<ul class="sui-tag tag-bordered">
  <li>Normal</li>
  <li class="tag-selected with-x">logo设计<i>×</i></li>
  <li>店铺装修达人</li>
  <li class="tag-selected with-x">艺术<i>×</i></li>
  <li>公sdf告</li>
  <li class="tag-selected with-x">注意afs<i>×</i></li>
  <li>店铺装修达人</li>
  <li class="tag-selected with-x">艺术<i>×</i></li>
  <li>公sdf告</li>
</ul>

带叉的tag则在每个tag元素附加class="with-x"，同时内部添加html：<i>&times;</i>

因为是CSS组件，相关事件需要根据业务逻辑自己添加