给Tint商品添加不同的评分样式

 
还可以吧?

效果如图所示,给Tint主题商品评论的评分添加不同的样式,如果全是黑色,感觉没有重点,没有突出评分的价值所在,所以阿柳重新定义了这个样式。

1
2
3
4
5
6
7
8
9
10
11
12
<?php $aliuyun_star_now = sprintf('%d', intval($rating * 100 / 5));
		$class_by_star = '';
		if($aliuyun_star_now > 90){
			$class_by_star = 'green';
		}else if($aliuyun_star_now > 70){
			$class_by_star = 'blue';
		}else if($aliuyun_star_now > 50){
			$class_by_star = 'yellow';
		}else {
			$class_by_star = 'red';
		}?>
            <span class="tico-star aliuyun-star-<?php echo $class_by_star; ?>" style="<?php echo sprintf('width:%d', intval($rating * 100 / 5)).'%;'; ?>"></span>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.aliuyun-star-red {
	color: #e54028
}
.aliuyun-star-red:hover {
	color: #E8543F
}
.aliuyun-star-yellow {
	color: #f18d05
}
.aliuyun-star-yellow:hover {
	color: #FA9915
}
.aliuyun-star-blue {
	color: #00a1cb
}
.aliuyun-star-blue:hover {
	color: #00B5E5
}
.aliuyun-star-green {
	color: #7db500
}
.aliuyun-star-green:hover {
	color: #8DCC00
}

就这样,添加即可。

12.56% (82) 次Baidu访问
22.51% (147) 次Google访问
57.43% (375) 次Sogou访问
7.04% (46) 次bingbot访问
0.46% (3) 次sm访问
  • 蜘蛛:Baidu,82次,更新时间:2019-05-25 18:16:59
  • 蜘蛛:Google,147次,更新时间:2019-05-10 01:19:27
  • 蜘蛛:Sogou,375次,更新时间:2019-05-12 13:58:37
  • 蜘蛛:bingbot,46次,更新时间:2019-04-23 15:40:36
  • 蜘蛛:sm,3次,更新时间:2019-05-21 12:48:06

参与评论