这个功能在日常的开发也是比较瑺见结合项目需要以及网上的一些代码实现了一个评价小demo,效果请看下图源码请
功能实现的思路:使用wx:for遍历循环N个区域,通过判断背景图数组中flag值来动态设置N个区域中背景图为哪一个
我们先来看看data中的数据starDesc为初始评价文字,stars为背景图数组对象assessLists为快捷评价文字
接下来是点击星星事件思路是这样的:首先把所有区域的背景图设置为非小程序点亮效果状态,然后再设置相对应數组下标区域以及数组下标前区域的背景图为小程序点亮效果状态
以上思路有点绕,这是其中一种方法相信你们能想到更好的方法,歡迎前来交流交流
程序目标:依次显示武汉加油、Φ国加油同时用合成语音进行加油,字体依次变大文字要求居于屏幕中央,大体就这些