更新记录

2.0.0.1(2020-11-12) 下载此版本

更新插件包(之前是1.0.0.0)现在更新为2.0.0.1(是一个完整的uni-app工程)


平台兼容性

Uni-App 蚂蚁森林

======================================

  • 作者: 沐枫,
  • 邮箱: muguilin@foxmail.com
  • 网站: 关于我SCDN

功能概述:

  • 1、该插件是用Uni-App写的,是一个在HBuilder X 中能直接运行的(注:您在使用时请把Uni-App应用标识(AppID)换成自己的哦)。
  • 2、插件样式是模仿蚂蚁森林,而其中的所有数据都是可配的(完全可以自义定 或 从后端API获取),根据不同的数据(如用户信息、水滴值等)显示对应的动效。
  • 3、该插件可用于为某种评比活场景的参赛人员加油、拉票、助力等类似场景。
  • 4、给大家分享出来,如有不足之处还请见谅,同时也欢迎指证,我在此先谢过啦。

操作说明:

  • 1、用水壶每浇水1次,水滴值向上+1。
  • 2、点击树上面的雨滴,水滴值 + 收取到的雨滴值。

成长说明:

  • 1、树的成长过程分为小树、中树、大树3个阶段。
  • 2、现默认值: 小树(水滴值在100以下), 中树(水滴值在100 到 1000), 大树(水滴值在1000以上)。
  • 3、树苗会在水滴值变化时会展示对应的动效 和 树的动效、大小等。

使用说明

  • 1、该模板是用Uni-Aapp框架进行编写的, 其语法就是vue的,模板就是微小程序,动画实现以CSS3主,JS辅。
  • 2、可根据自己的需求和使用场景修改相应的配置参数和逻辑,如(水滴值,树的类型、大小、树成长动画,云走动的动画,浇水动画,树的进度,选手信息等等,
  • 3、代码中有详细的注释,可自行修改为自己 或 项目所用。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
176***@163.com

2024-03-26

支持~好评

174***@qq.com

2023-06-02

牛皮 刚刚提的需求 好评 ( 如果先点击收取雨滴,再点击水壶时,水壶没有动画,浇水有动画)是因为 收取雨滴的动画 作者写的 this.setTree(2000); 两秒, 水壶浇水动画 默认为4秒。解决方案把这个 this.setTree();,或者 亲测 this.setTree(5000); 比较舒服

the***@163.com

2023-04-03

好评!!!!

166***@qq.com

2022-11-30

怎么运行

135***@qq.com

2022-04-25

牛逼啊

nul***@163.com

2022-03-31

景风

2021-04-15

很好,请问点击树的事件在哪里啊,没有找到。。。

沐枫 2021-04-15
<!-- 树、水滴值 -->
        <view class="tree">
            <view v-for="(o, i) in rainArr" :key="i" :class="['rain rain-'+ stages]" @click="rainFun(i, o)">{{o}}<text>g</text></view>
            <image :src="'../../static/img/tree-'+ stages +'.png'" :class="['tree-'+ stages, treemove ? 'move-'+ stages : '']" hover-class="none" @click="tree"></image>
        </view>

点击树的事件:@click="tree"

252***@163.com

2021-04-08

如果先点击收取雨滴,再点击水壶时,水壶没有动画,浇水有动画

张不懂

2021-03-31

你好,请问一下,点击树,树会抖动,是怎么实现的。

沐枫 2021-04-15

切换CSS动画 // 点击树的动画 tree() { if (this.movetree) { this.treemove = true; this.movetree = false; setTimeout(() => { this.movetree = true; this.treemove = false; }, 1000); }; },

947***@qq.com

2021-03-13

蛮好的,画面还挺好看,稍微的改改就可以使用,我正好有这需求!感谢