二话不说,直接mui上代码:
<div class="mui-content-padded">
<div class="mui-inline">星级评分</div>
<div class="icons mui-inline" style="margin-left: 6px;">
<i data-index="1" class="mui-icon mui-icon-star"></i>
<i data-index="2" class="mui-icon mui-icon-star"></i>
<i data-index="3" class="mui-icon mui-icon-star"></i>
<i data-index="4" class="mui-icon mui-icon-star"></i>
<i data-index="5" class="mui-icon mui-icon-star"></i>
</div>
</div>
下面是清除星级代码,页面返回、跳转时记得加上清除代码哦!
//清除所有星标
mui('.icons i').each(function (index,element) {
if (element.classList.contains('mui-icon-star-filled')) {
element.classList.add('mui-icon-star')
element.classList.remove('mui-icon-star-filled')
}
})