微信小程序(微信小游戏)-数字华容道总结

1.有了石头数字游戏的编码基础，再开发数字华容道就简单了很多
2.css来配置页面的格子块高度等于宽度即方块
3.

<div wx:for="{{spaceNumber}}" class="space-row" wx:for-item="x" wx:key="key">
            <div wx:for="{{spaceNumber}}" class="space-col" wx:for-item="y" wx:key="key" data-info="{{randomSpaceData[x*spaceNumber + y]}}" bindtap="clickItem">
              {{randomSpaceData[x*spaceNumber + y].value}}
            </div>
          </div>

1.两层循环来配置华容道方块的逻辑
2.wx:for-item="x" 使用x来取代默认的item，获取循环遍历中的元素变量
…

小程序里有更详细的讲解和展示，并提供源码下载

更多讲解请参考《仙豆笔迹》小程序，通过源码结合讲解理解更深刻
《仙豆笔迹》提供运行的程序提供了源代码和关键技术点讲解，覆盖全面，而且编写的代码并不是简单的demo，而是覆盖了复杂的逻辑
微信扫码进入小程序
​​​​​​​​​​​​​​