1. 基础外观

  2. 扩展外观

    1. 信息区域

      <div class="c_list">
      	<ul>
      		<li>
      			<div class="info">信息</div>
      			<a href="#nogo" class="text"><span>列表文字</span></a>
      		</li>
      	</ul>
      </div>
      
    2. 列数设置

      <div class="c_list c_list-col-2">
      	<ul>
      		<li>
      			<a href="#nogo" class="text"><span>列表文字</span></a>
      		</li>
      	</ul>
      </div>
      
    3. 表格外观

      <div class="c_list c_list-table c_list-col-3">
      	<ul>
      		<li>
      			<a href="#nogo" class="text"><span>列表文字</span></a>
      		</li>
      	</ul>
      </div>
      
      1. 单列时去掉分隔线

        <div class="c_list c_list-table c_list-col-1">
        	<ul>
        		<li>
        			<a href="#nogo" class="text"><span>列表文字</span></a>
        		</li>
        	</ul>
        </div>
        
      2. 单元色彩变换

        1. 当前项
          <div class="c_list c_list-table c_list-col-3">
          	<ul>
          		<li class="on">
          			<a href="#nogo" class="text"><span>列表文字</span></a>
          		</li>
          	</ul>
          </div>
          
        2. 强调项
          <div class="c_list c_list-table c_list-col-3">
          	<ul>
          		<li class="focus">
          			<a href="#nogo" class="text"><span>列表文字</span></a>
          		</li>
          	</ul>
          </div>
          
        3. 新建项
          <div class="c_list c_list-table c_list-col-3">
          	<ul>
          		<li class="new">
          			<a href="#nogo" class="text"><span>列表文字</span></a>
          		</li>
          	</ul>
          </div>
          
      3. 加入下拉按钮

        下拉选项用于显示对单元项的操作列表,配合 c_option 等组件使用

        <div class="c_list c_list-table c_list-col-3">
        	<ul>
        		<li>
        			<a href="#nogo" class="text"><span>列表文字</span></a>
        			<a href="#nogo" class="select"></a>
        		</li>
        	</ul>
        </div>
        
      4. 加入按钮

        <div class="c_list c_list-table c_list-col-3">
        	<ul>
        		<li>
        			<a href="#nogo" class="text"><span>列表文字</span></a>
        			<button type="button"><span>属性</span></button>
        		</li>
        	</ul>
        </div>