更新记录

1.0.1.（2021-04-13）

1. 调整中级、高级模式下地图显示不完全问题
2. 修改误触雷，未提示误标问题
3. 修改长按误触问题
4. 修改误标时，点击数字块无反应问题

1.0.0.（2021-04-13）

1. 完成扫雷核心代码
2. 支持游戏难度选择

平台兼容性

扫雷游戏

编写原因

想试一下uniapp能不能支持写游戏，插件市场也没有一款看得过去的游戏作为参考和教程，所以我自己写了一个扫雷游戏作为uniapp游戏开发初探

安装

下载插件后使用import saolei from '@components/gwh-saolei/gwh-saolei.vue'加载扫雷插件， 在需要用的页面使用

<template>
    <view>
        <saolei :width="8" :height="8" :boomNum="10"></saolei>
    </view>
</template>
<script>
    export default{
        components:{
            saolei
        },
        // ...
    }
</script>
// ...

引入扫雷游戏

致歉

目前游戏在中级和高级模式下存在scroll-x显示不完全的问题，我试了很多方法，但都没效果。如果有大佬可以告诉我，不胜感激。

玩法介绍

游戏目标

扫雷游戏要求玩家尽可能多地依照周围信息排除雷，当雷排完时，游戏成功；当玩家误触雷时，游戏失败。

地图说明

操作说明

开实心方块

鼠标左键或单指点击实心方块（@tap事件）

标记雷方块

鼠标左键或单指长按实心方块（@longpress事件）

取消标记雷方块

鼠标左键或单指长按标记方块（@longpress事件）

快速开周围方块

在用户标记某个雷后，鼠标左键或单指点击周围数字方块（@tap事件）

开始新一轮游戏

点击笑脸/骷髅头位置

参数说明

方法

@init

游戏初始化时触发，将返回游戏map数组：-1为雷位置，0-9为周围有几个雷。 在改变width | height | boomNum时，会自动刷新游戏。同时点击左上角笑脸，也会开始新一轮游戏。

@result

游戏结束时触发，返回游戏结果：code=0游戏成功，否则失败