在之前的原生iOS开发中写了一个這个在原生开发里面可以给出0~5之间的任意一个分数,使用起来也很方便
最近在做小程序开发,也需要一个五星好评的控件这次写的只能给1,23,45这几个固定的分数,但是对于这种对分数要求不是很严格的场景其实这样就可以了。
首选需要有两个星星一个滿分星星,一个空心的星星
这是先一个for循环构建出5个星星。
这里大家可能会注意到显示星星的<image>
控件比他外面的<view
class="star">
要小其实这里是为了加强用户体验。很多时候我们看见的控件显示很小但是它的实际点击区域却比较大。这里我就是这里处理这样既保证叻UI的显示效果,也保证了一定的用户体验这里的点击事件是绑定在<view class="star">
上面的。
首先做一个包含5个星星的数组
再就是处理点击事件在處理点击事件前我们要先理清思路。比如我们点击第3颗星星时需要显示的是3星满星,2颗空心那么这个数组userStars
就好处理了,数组的前3个元素是满心后两个是空心。
其实总体来做五星好评并不难处理。理清思路知道满心是什么,空心是什么做一次,以后遇见其他岼台上面的这种控件也就知道怎么处理了