微信小程序开发之五星评分
最新推荐文章于 2024-05-19 11:38:31 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)
一位同学说要写五星评分.要有半颗星的评分.
于是我做了个玩具.有空了做模块化,这代码看不下去了.
gif:
代码:
1.index.wxml
<block wx:for="{
{
stars}}">
<image class="star-image" style="left: {
{
item*150}}rpx" src="{
{
key > item ?(key-item == 0
07-22
4027
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
评论 7
![](https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png)
![](https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowLeftWhite.png)
![](https://csdnimg.cn/release/blogv2/dist/pc/img/iconPark.png)
查看更多评论
![](https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowDownWhite.png)
添加红包
![](https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward02.png)
![](https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward03.png)