当前浏览器不支持播放音乐或语音，请在微信或其他浏览器中播放直到遇见了你我只喜欢你音乐：陈柯宇 – 直到遇见了你我只喜欢你
需要源代码以及后台代码的请在文末留下你的微信或者邮箱
有趣的数独小游戏
数独是源自18世纪瑞士的一种数学游戏。是一种运用纸、笔进行演算的逻辑游戏。玩家需要根据9×9盘面上的已知数字，推理出所有剩余空格的数字，并满足每一行、每一列、每一个粗线宫（3*3）内的数字均含1-9，不重复。
数独盘面是个九宫，每一宫又分为九个小格。在这八十一格中给出一定的已知数字和解题条件，利用逻辑和推理，在其他的空格上填入1-9的数字。使1-9每个数字在每一行、每一列和每一宫中都只出现一次，所以又称九宫格。
作者：王海洋
1案例功能详解
麻雀虽小，五脏俱全，本案例有5大功能：
数独游戏。
统计历史战绩
设置游戏难度
计时
剩余数量提示
界面如下：
2.案例结构
3案例程序细化详解
整体配置
然后定义index界面：
{{avatarTitle.text}}
首页
统计
分享
设置
关于&&玩法
{{item}}
选项
重新生成
{{shade ? 查看结果 : 随机遮挡}}
{{toolTip.content}}
三角洲
PAUSE..
{{item.show ? item.value : (item.fill || )}}
{{idx+1}}
0 ? imgs : imgs sgmi}}”>
这里定义了index主要页面，包括整体部分与计数部分，剩余提示部分，重新生成，计算结果并能计入历史统计，并没有牵涉后台，仅把数据保存到本地，如有需要，可以自己修改完善添加到后台数据库，丰富一些功能，使整体更完善。这里只是一个可以本地运行的demo。
index.js里面定义的方法
主要页面index.wxml里面设计了很多方法，这些方法在对应的index.js里面实现
先看看index.js里定义了一些变量：
varapp=getApp()
import{parseTime}from../../utils/moment.js
Page({ data: { // 数组 data: [], boxSize: 17, // 生成按钮禁用状态 btnDisabled: false, // 生成情况 generateOk: false, // 遮挡控制 shade: true, // 初次渲染完成前时不显示按钮 init: false, // panel位置 panelPosition: { dx: -102, dy: -112 }, panelShowAnimation: {}, showPanel: false, boxCoords: { x: 0, y: 0 }, // pannel定位用 deviceInfo: null, panelData: [1, 2, 3, 4, 5, 6, 7, 8, 9], sideSize: 0, // tooltip toolTip: { // ready, end, timing, pause, complete type: ready, content: 点击空白格子开始游戏并计时 }, // 数独完成情况 complete: false, // 数独剩余数字情况，索引排序 leave: [9, 9, 9, 9, 9, 9, 9, 9, 9], menuAnimationTop: null, menuAnimationTop: null, menuAnimationMiddle: null, menuAnimationBottom: null, drawerToggle: false, drawer: null, showOptionAnimation: null, toView: view0, avatarPosition: { x: -25, y: 25 }, avatarTitle: { text: 三角洲科技, step: 0 }, showResult: false, resultIsGenerating: true, optimization: false, // showCanvasResult: false // end data showOption: false, },4.案例功能介绍
1.会有自动显示小键盘，直接点击即可
2.当输入明显冲突错误的时候会红色提示
3.会有时间提示和重新生成以及答案提示
4.难度等级
5.暂停功能
6.成绩提示
7.小彩蛋
按照下列提示
点击左上角可以有对话哦
8.转发功能
介绍到这里了
广告位：公众号免费关联哦，需要源码请留言邮箱或者微信
如果你有什么好的资料或者文章要给同学们分享，可以留言展示哦
需要源代码以及后台代码的，请在文末留言你的微信或者邮箱
