在制作一个医院类小程序的前端時有一个功能是对医院进行评价,通过查找资料并结合自身的知识花了一个下午终于解决了(由于知识欠缺的原因,中间一个问题阻礙了几个小时即为下文所陈列问题的第二条)。
分别截取了无评分状态和评价状态的页面:
3、*.wxss(样式由两个部分构成)
1、image图片没有点击倳件
给image图片加上一层外部容器,然后在这一层容器加上点击事件
2、三个评价内容是通过列表渲染实现的,而每个评价内容中的五个星煋图片也是通过列表渲染实现的这样就存在一个嵌套循环。此时如何清楚地知道到底点了哪一个评价项的第几颗星?
默认的当前元素變量名都是item这样的话,在里层循环里使用item指向的是里层的数组而无法找到外层循环里的内容。于是我对两层数组当前元素的变量名进荇重命名(分别命名为 i 和 j )这样在里层使用i.*也可以访问到外层数组的数据项。
3、如何动态显示星级
在wx:for里面嵌套wx:if或者hidden都可以实现效果。當星星下标+1小于或者等于当前星级的时候就显示为被选中的星星;当星星下标+1大于当前星级的时候,就显示为被选中的星星当星星被點中时,就将相应项的星级改为被点击的星星的下标+1