---
title: 星级
category: widget
---

<h3>12*12</h3>
{{#snippet}}
<span class="sml-rank-stars sml-str0" title="该商户暂无星级"></span>
<span class="sml-rank-stars sml-str10" title="一星商户"></span>
<span class="sml-rank-stars sml-str20" title="二星商户"></span>
<span class="sml-rank-stars sml-str30" title="三星商户"></span>
<span class="sml-rank-stars sml-str35" title="准四星商户"></span>
<span class="sml-rank-stars sml-str40" title="四星商户"></span>
<span class="sml-rank-stars sml-str45" title="准五星商户"></span>
<span class="sml-rank-stars sml-str50" title="五星商户"></span>
{{/snippet}}


<h3>16*16</h3>
{{#snippet}}
<span class="mid-rank-stars mid-str0" title="该商户暂无星级"></span>
<span class="mid-rank-stars mid-str10" title="一星商户"></span>
<span class="mid-rank-stars mid-str20" title="二星商户"></span>
<span class="mid-rank-stars mid-str30" title="三星商户"></span>
<span class="mid-rank-stars mid-str35" title="准四星商户"></span>
<span class="mid-rank-stars mid-str40" title="四星商户"></span>
<span class="mid-rank-stars mid-str45" title="准五星商户"></span>
<span class="mid-rank-stars mid-str50" title="五星商户"></span>
{{/snippet}}


<h3>32*32</h3>
{{#snippet}}
<span class="big-rank-stars big-str0" title="该商户暂无星级"></span>
<span class="big-rank-stars big-str10" title="一星商户"></span>
<span class="big-rank-stars big-str20" title="二星商户"></span>
<span class="big-rank-stars big-str30" title="三星商户"></span>
<span class="big-rank-stars big-str35" title="准四星商户"></span>
<span class="big-rank-stars big-str40" title="四星商户"></span>
<span class="big-rank-stars big-str45" title="准五星商户"></span>
<span class="big-rank-stars big-str50" title="五星商户"></span>
{{/snippet}}


<h3>评星级</h3>
{{#snippet}}
<div class="rating-wrap-sml">
	<ul>
		<li><a href="javascript:;" title="很差" class="rating-str1 active-str"></a></li>
		<li><a href="javascript:;" title="差"  class="rating-str2"></a></li>
		<li><a href="javascript:;" title="还行" class="rating-str3"></a></li>
		<li><a href="javascript:;" title="好" class="rating-str4"></a></li>
		<li><a href="javascript:;" title="很好" class="rating-str5"></a></li>
	</ul>
</div>
<div class="rating-wrap-mid">
	<ul>
		<li><a href="javascript:;" title="很差" class="rating-str1 active-str"></a></li>
		<li><a href="javascript:;" title="差"  class="rating-str2"></a></li>
		<li><a href="javascript:;" title="还行" class="rating-str3"></a></li>
		<li><a href="javascript:;" title="好" class="rating-str4"></a></li>
		<li><a href="javascript:;" title="很好" class="rating-str5"></a></li>
	</ul>
</div>
<div class="rating-wrap-big">
	<ul>
		<li><a href="javascript:;" title="很差" class="rating-str1 active-str"></a></li>
		<li><a href="javascript:;" title="差"  class="rating-str2"></a></li>
		<li><a href="javascript:;" title="还行" class="rating-str3"></a></li>
		<li><a href="javascript:;" title="好" class="rating-str4"></a></li>
		<li><a href="javascript:;" title="很好" class="rating-str5"></a></li>
	</ul>
</div>
{{/snippet}}


<h3>徽章</h3>
{{#snippet}}
<span title="" class="user-rank-rst urr-rank10"></span>
<span title="" class="user-rank-rst urr-rank20"></span>
<span title="" class="user-rank-rst urr-rank30"></span>
<span title="" class="user-rank-rst urr-rank40"></span>
<span title="" class="user-rank-rst urr-rank50"></span>
<span title="" class="user-rank-rst urr-rank60"></span>
{{/snippet}}


<h3>月度之星</h3>
{{#snippet}}
<span class="user-m-star ums-1"></span>
<span class="user-m-star ums-2"></span>
<span class="user-m-star ums-3"></span>
<span class="user-m-star ums-4"></span>
<span class="user-m-star ums-5"></span>
<span class="user-m-star ums-6"></span>
<span class="user-m-star ums-7"></span>
<span class="user-m-star ums-8"></span>
<span class="user-m-star ums-9"></span>
<span class="user-m-star ums-10"></span>
<span class="user-m-star ums-11"></span>
<span class="user-m-star ums-12"></span>
{{/snippet}}