这个UI的挖矿小程序，之前没见过，也可能是孤陋寡闻吧，

还是标记个2021版，如果不是的话，再改也不晚~总是UI是很漂亮，

带非常完整的搭建教程，萌新也能上手，东西如下，有喜欢的自己拿去吧~

源码分享：https://www.ffu9.com/2021/03/17/803.html

后台是 PHP微擎的

修改前段的 siteinfo.js 里 ID版本和API接口地址

module.exports = {
    name: "全民采矿石",
    uniacid: "3",
    acid: "3",
    multiid: "0",
    version: "1.0.8",
    siteroot: "https://XXXXXXXXX/app/index.php"
};

前后端 无加密

<view class="ad_full" wx:if="{{full.status==1}}">
    <view bindtap="{{full.time>0?'':'hide_ad_full'}}" style="text-align: center;position:relative;left:20rpx;top:120rpx;z-index:999999999;background: #fff;width:180rpx;border-radius: 24rpx;color:#000;font-size: 28rpx;" wx:if="{{full.btn==1}}">{{full.time>0?full.time+'秒后跳过':'跳过'}}</view>
    <view style="height:100%;width:100%;z-index:99999999;position:relative;">
        <ad-custom binderror="adError" bindload="adLoad" style="position: fixed;top: 0;bottom: 0;left:0;right:0;background:#EEE;" unitId="{{sysinfo.sys_ad_full_id}}" wx:if="{{sysinfo.sys_ad_full_id}}"></ad-custom>
        <view style="position: fixed;top: 0;bottom: 0;left:0;right:0;background:#EEE;" wx:if="{{!sysinfo.sys_ad_full_id}}"></view>
    </view>
</view>
<view class="ad_full_none" wx:if="{{full.status==2}}">
    <view class="bg_kuang">
        <image class="shan" mode="widthFix" src="{{sysinfo.sys_main_shan_tu?sysinfo.sys_main_shan_tu:'/images/bg_kuang.png'}}" style="padding-top:{{statusBarHeight+300}}rpx;"></image>
        <view class="make_stone clearfix" style="top:{{statusBarHeight+620}}rpx;" wx:if="{{make_stone.makeing==1}}">
            <image src="/images/icon_shalou.png"></image>正在采矿石，剩余时间：<text>{{make_stone.make_stone_time}}</text>
        </view>
        <view class="yunduo">
            <image class="img img1" mode="widthFix" src="/images/yun01.png"></image>
            <image class="img img2" mode="widthFix" src="/images/yun02.png"></image>
            <image class="img img3" mode="widthFix" src="/images/yun03.png"></image>
            <image class="img img4" mode="widthFix" src="/images/yun04.png"></image>
        </view>
        <view style="position: absolute;right: 20rpx;top: 720rpx;max-width: 150rpx;" wx:if="{{sysinfo.sys_ad_ysgezi_id}}">
            <ad-custom style="width:auto!improtant;" unitId="{{sysinfo.sys_ad_ysgezi_id}}"></ad-custom>
        </view>
    </view>
    <view class="addapp" style="top:{{statusBarHeight-66}}rpx" wx:if="{{addapp==1}}">点击"<image class="img1" mode="widthFix" src="/images/addapp1.png"></image>"，添加到我的小程序 <image bindtap="close_addapp" class="img2" mode="widthFix" src="/images/addapp2.png"></image>
    </view>
    <view bindtap="bonus_stone" class="bonus_stone" style="top:{{statusBarHeight+130}}rpx;" wx:if="{{sysinfo.sys_today_bonus_money}}">
        <view class="p">分红矿今日收益</view>
        <view class="h3">
            <text>￥</text>{{sysinfo.sys_today_bonus_money}}</view>
    </view>
    <view class="showy">
        <view bindtap="goto_sign" class="box box1" style="top:{{statusBarHeight+300}}rpx;">
            <view class="img">
                <image src="/images/showy_sign.png"></image>
            </view>
            <view class="p">每日签到</view>
        </view>
        <view bindtap="goto_task" class="box box2" style="top:{{statusBarHeight+200}}rpx;">
            <view class="img">
                <image src="/images/showy_lingqu.png"></image>
            </view>
            <view class="p">领取能量</view>
        </view>
        <button class="box box3" openType="share" style="top:{{statusBarHeight+280}}rpx;" wx:if="{{sysinfo.sys_inviterid_power}}">
            <view class="img">
                <image src="/images/showy_share.png"></image>
            </view>
            <view class="p">分享给好友</view>
        </button>
    </view>
    <view bindtap="goto_rain" class="redbag_rain" style="top:{{statusBarHeight+630}}rpx;" wx:if="{{sysinfo.sys_redbag_rain_time}}">
        <image src="{{sysinfo.sys_redbag_rain_icon?sysinfo.sys_redbag_rain_icon:'/images/redbag_rain.png'}}"></image>
        <view class="p">红包雨</view>
    </view>
    <view bindtap="goto_more" class="more_app" style="top:{{statusBarHeight+750}}rpx;" wx:if="{{sysinfo.sys_is_xcxlist==1}}">
        <image src="{{sysinfo.sys_is_xcxlist_icon?sysinfo.sys_is_xcxlist_icon:'/images/more_app.png'}}"></image>
        <view class="p">更多好玩</view>
    </view>
    <view class="maina" style="top:{{statusBarHeight}}rpx;">
        <view class="box box1 clearfix">
            <image class="icon" src="/images/icon_stone.png"></image>
            <view class="stone">{{mystone}}</view>
            <view bindtap="update_grade_modal" class="btn">升级</view>
            <view class="avatar">
                <open-data class="avimg" type="userAvatarUrl"></open-data>
                <view class="grade">Lv.{{user.grade}}</view>
            </view>
        </view>
        <view class="box clearfix">
            <image class="icon" src="/images/icon_redbag.png"></image>
            <view class="stone">{{user.gold}}</view>
            <button bindtap="goto_exchange" class="btn">兑换</button>
        </view>
        <view class="upstone" wx:if="{{make_stone.makeing==1}}">
            <image class="img img1" src="/images/icon_stone.png"></image>
            <image class="img img2" src="/images/icon_stone.png"></image>
            <image class="img img3" src="/images/icon_stone.png"></image>
            <image class="img img4" src="/images/icon_stone.png"></image>
            <image class="img img5" src="/images/icon_stone.png"></image>
        </view>
    </view>
    <view bindtap="goto_faq" class="mainb" style="top:{{statusBarHeight+180}}rpx;">新手教程</view>
    <view class="topbg">
        <image mode="widthFix" src="/images/index_bg.png"></image>
    </view>
    <view class="index_bg">
        <view class="mainc">
            <view bindtap="goto_friend" class="btn">
                <image src="/images/icon_ling.png"></image>
                <text>邀</text>
            </view>
            <button bindtap="start_modal" class="start" wx:if="{{user.uname}}">
                <view class="h3">开始采矿石</view>
                <view class="p">我的能量值：{{user.power}}</view>
            </button>
            <button bindgetuserinfo="bindGetUserInfo" class="start" openType="getUserInfo" wx:if="{{!user.uname}}">
                <view class="h3">开始采矿石</view>
                <view class="p">我的能量值：{{user.power}}</view>
            </button>
            <view bindtap="goto_task" class="btn">
                <image src="/images/icon_ling.png"></image>
                <text>领</text>
            </view>
        </view>
        <view class="maind">
            <view class="title clearfix">
                <view bindtap="goto_friend" class="h3">我的工人 <image class="icon" src="/images/icon_right2.png"></image>
                </view>
                <view class="h4">
                    <image class="icon" src="/images/icon_work_share.png"></image>
                    <button class="share" openType="share">抓好友来打工</button>
                </view>
            </view>
            <view class="cont clearfix">
                <view class="box" wx:for="{{friend_list}}" wx:key="unique">
                    <image class="averimg" src="{{item.uface}}"></image>
                    <image class="averbg" mode="widthFix" src="/images/averbg.png"></image>
                    <view class="p">{{item.uname}}</view>
                    <image class="work_upstone" src="/images/icon_stone.png"></image>
                </view>
                <view class="box" wx:if="{{friend_list.length<1}}">
                    <image class="averimg" src="/images/icon_gongren.png"></image>
                    <image class="averbg" mode="widthFix" src="/images/averbg.png"></image>
                    <view class="p">1号旷工</view>
                    <image class="work_upstone" src="/images/icon_stone.png"></image>
                </view>
                <view bindtap="goto_friend" class="box" wx:for="{{[1,2,3,4,5]}}" wx:key="unique">
                    <image class="icon" src="/images/icon_jia.png"></image>
                    <view class="p">去邀请</view>
                </view>
            </view>
        </view>
        <view style="margin:20rpx" wx:if="{{sysinfo.sys_ad_videob_id}}">
            <ad adTheme="white" adType="video" unitId="{{sysinfo.sys_ad_videob_id}}"></ad>
        </view>
        <view class="main_rule" wx:if="{{sysinfo.sys_is_home_rule==1}}">
            <view class="h3">采矿规则</view>
            <view class="cont">
                <view class="box">
          1、采矿一次获得一定的矿石, 矿石可在兑换商城兑换礼品。
        </view>
                <view class="box">
          2、如若玩家需要分享本平台给好友参与健康采矿活动时, 请务必遵守: 在分享给好友时, 包括但不限于, 不得对外夸张以及以拟人程序、利诱其他用户参与、转发、下载或委托刷单平台等方式恶意损坏平台以及小程序生态秩序等不正当行为, 否则我们将封禁你账号能力, 并冻结奖励, 严重者追究法律责任。
        </view>
                <view class="box">
          3、部分图片素材来源于网络,如有侵权,请联系客服删除!禁止利用规则、系统漏洞等不正当手段获取采矿石,一经发现永久封号,且保留追究法律责任的权利。
        </view>
            </view>
        </view>
    </view>
</view>
<view style="height:100rpx;" wx:if="{{tabBar}}"></view>
<import src="/components/tabbar/index.wxml"></import>
<template is="tabBar" data="{{tabBar:tabBar}}" wx:if="{{tabBar}}"></template>
<import src="/components/index/index.wxml"></import>
<template is="other-modal" data="{{visible:other_modal.visible,status:other_modal.status,title:other_modal.title,description:other_modal.description,grade:other_modal.grade,power:other_modal.power,offline_stone:other_modal.offline_stone,banner:other_modal.banner,bonus_grade:other_modal.bonus_grade,bonus_ratio:other_modal.bonus_ratio}}"></template>
<template is="redpacket-modal" data="{{visible:redpacket_modal.visible,rpStatus:redpacket_modal.status,index_total_money:index_total.zmoney,addmoney:redpacket_modal.addmoney,time:redpacket_modal.time,opentap:redpacket_modal.opentap}}"></template>

效果演示