2048微信小程序
1、titlelabel的时候高度比字体大一些,防止展示不全
添加widget 保持居中?
2、绘制格子,固定间隔,格子大小通过
3、创建格子后,拖到protabs,然后形成预制资源
4、将js脚本添加到canvas
5、配置默认编辑器
6、声明之后,保存,立即绑定
!!!使用cocos createor失败,过程较为麻烦
使用微信小程序编辑器
1 通过<view>组件控制页面内容展现 相当于vue中的template?
2 下载less 插件
3 npm install -g wxss-cli
wxss ./mp_wx
4 二维矩阵循环.
5 方块的宽度设置,一直是固定,一种是自适应
使用wx:if时,如果为空,则会展示null,应该用三目运算符
因为在game-board上已经设置了padding,所以在row中,
选择justify-content: space-between; /* 均匀排列每个元素,首个元素放置于起点,末尾元素放置于终点 */
项目位于各行之间留有空白的容器内。
项目位于各行之间留有空白的容器内。
将text的position设置为absolute是为了防止text在显示不同数字时,导致父组件的宽度和高度发生变化
利用伪类实现正方形:
cell:after {
content:" //必须有
display:block
height:0
padding-bottom:100%
}
用户手势检测,错别字
不同模块参数的导出
在move时,为了使得页面刷新,需要使用this.matrix= ** 而不是return
wx.showmodal
在介绍小程序的时候,可以着重介绍一个对一些逻辑的改进:
1 对于随机生成新的值
2 在进行排列的时候,网页使用的是直接确定每个格子大小,而小程序是自适应
3 在web都是调用js及时修改,而在小程序中css提前写好,只需修改类名就可自动调用