1.微信小程序:
效果图:
先看代码,用一个组件写好星星组件,然后调用即可
rating.wxml
<view class='itembox'>
<view wx:for="{
{imgs}}" wx:key="{
{item.id}}" bindtap='select' data-index="{
{item.id}}">
<image class="star" src="{
{item.id>starId?src2:src1}}"></image>
</view>
<view class='scorePin'>{
{starId}}.00</view>
</view>
rating.js
// component/rating/index.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
imgs: [{
id: 1
}, {