微信小程序订单评论页面-仿淘宝
在网上搜了下，大部分都挺麻烦的，所以自己写了个，感觉还可以。先看效果图：
效果图 {
this.setData({
stars: [true, false, false, false, false]
});
},
onTapStar2() {
this.setData({
stars: [true, true, false, false, false]
});
},
onTapStar3() {
this.setData({
stars: [true, true, true, false, false]
});
},
onTapStar4() {
this.setData({
stars: [true, true, true, true, false]
});
},
onTapStar5() {
this.setData({
stars: [true, true, true, true, true]
});
},
onSubmit(e) {
const { content } = e.detail.value;
if (content.trim() === '') {
wx.showToast({
title: '评论内容不能为空',
icon: 'none'
});
return;
}
// 提交评论逻辑 wx.cloud.callFunction({
name: 'submitComment',
data: {
content,
stars: this.data.stars.join(',')
},
success() {
wx.showToast({
title: '评论成功',
icon: 'success'
});
},
fail() {
wx.showToast({
title: '评论失败',
icon: 'none'
});
}
});
}
});
```
submitComment云函数```javascriptexports.main = async (event) => {
const { content, stars } = event;
//保存评论逻辑 await db.collection('comments').add({
content,
stars,
timestamp: Date.now()
});
return {
success: true,
message: '评论成功'
};
};
```
以上是微信小程序订单评论页面-仿淘宝的详细描述。
