熊猫叶 OTO
原生小程序签到文件signin.vue
739
4

这是龙大的签到,自己开发的uniapp写的,有需要的拿去用!自己建一个signin.vue把代码复制进去

如图:

<template>
    <view class="signforward">
        <view class="signforward-background"></view>
        <view class="signforward-rule" @click="rule">
            <view class="signforward-rule-msg">签到</view>
            <view class="signforward-rule-msg">规则</view>
        </view>
        <view class="signforward-message">
            <view class="signforward-content">

                <!--以下是签到前的状态-->
                <block v-if="data && data.data&& data.data.this_sign != 1">
                    <view class="signforward-signforwadmsg">
                        <view class="text-line3" style="color: rgb(125, 110, 84);">
                            <text>签到立即</text>获得<text style="color: rgb(21, 21, 21); font-weight: bold;">{{data && data.data && data.data.this_integrals}}积分</text>
                        </view>
                    </view>
                </block>
                <block v-else>
                    <!--以下是已签到后的状态-->
                    <view class="signforward-keepsigndate">已连续签到 {{data && data.data && data.data.continued_day}} 天</view>
                    <view class="signforward-signforwadmsg">
                        <view class="text-line2" style="color: rgb(125, 110, 84);">
                            <text>明日签到</text>获得<text style="color: rgb(21, 21, 21); font-weight: bold;">{{data && data.data && data.data.next_integrals}}积分</text>
                        </view>
                    </view>
                </block>
            </view>
            <!--以下是签到前的状态-->
            <block v-if="data && data.data && data.data.this_sign != 1">
                <view class="signforward-signbtn" @click="sign"></view>
            </block>
            <block v-else>
                <view class="signforward-signbtn disable"></view>
            </block>
            <!--以下是已签到后的状态-->
        </view>
        <view class="signforward-line">
            <view class="signforward-line1"></view>
            <view class="signforward-line2"></view>
        </view>
        <view class="signforward-calendar">
            <view class="signforward-calendar-header flex flex-center flex-v-center ">
                <view>
                    <view class="icon-left iconfont signforward-calendar-header-icon" @click="changeTime(data && data.data && data.data.last_month)"></view>
                    <view class="signforward-calendar-header-date">{{data && data.data && data.data.this_day}}</view>
                    <view class="icon-newarrow iconfont signforward-calendar-header-icon" @click="changeTime(data && data.data && data.data.next_month)"></view>
                </view>
            </view>
            <view class="signforward-calendar-weektitle flex">
                <view class="flex flex1 signforward-calendar-weekbox flex-center">日</view>
                <view class="flex flex1 signforward-calendar-weekbox flex-center">一</view>
                <view class="flex flex1 signforward-calendar-weekbox flex-center">二</view>
                <view class="flex flex1 signforward-calendar-weekbox flex-center">三</view>
                <view class="flex flex1 signforward-calendar-weekbox flex-center">四</view>
                <view class="flex flex1 signforward-calendar-weekbox flex-center">五</view>
                <view class="flex flex1 signforward-calendar-weekbox flex-center">六</view>
            </view>

            <view class="signforward-calendar-dayrow flex" v-for="(item,key) in data && data.data && data.data.calendar">
                <view class="flex flex1 signforward-calendar-daybox flex-center" v-if="item.length>0" v-for="(vs,vk) in item">
                    <block v-if="vs.this_day==1 && vs.sign!=1 ">
                        <view class="tagDate">今</view>
                        <view class="flex flex-center">{{vs.time}}</view>
                    </block>
                    <block v-else>
                        <view v-if="vs.sign==1" style="justify-content: center;display: flex;flex-direction: column;">
                            <image class="signforward-calendar-signed" src="@/user/static/signed.png"></image>
                            <view class="signforward-calendar-signtitle">已签到</view>
                        </view>
                        <view class="flex flex-center" v-else>{{vs.time}}</view>
                    </block>
                </view>
            </view>
        </view>

        <view class="signforward-marketing-box"></view>
        <view class="copyRights-logo">
            <view class="copyRightsContent">
                <text class="text" @click="jump('/pages/mall/index')">进入店铺</text>
                <view class="text">|</view>
                <text class="text" @click="jump('/user/index')">用户中心</text>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        components: {

        },
        data() {
            return {
                data: []
            };
        },
        methods: {
            changeTime:function(t){
                let that = this;
                that.get('member.php/member/signin/index.html',{"queryTime":t}, function(res) {
                    //判断是否有用户登录信息
                    if (res.code == 0) {
                        //更新用户信息
                        that.data = res.data;
                    } else {
                        that.msg(res.msg);
                    }
                });
            },
            sign:function(){
                let that = this;
                that.get('member.php/member/signin/sign.html', function(res) {
                    //判断是否有用户登录信息
                    if (res.code == 0) {
                        //更新用户信息
                        that.msg(res.msg);
                    } else {
                        that.msg(res.msg);
                    }
                });
            },
            rule:function(){
                let that = this;
                that.tips('签到规则','每日签到成功后可获得'+that.data.data.sign_money+'积分,连续签到天数满'+that.data.data.sign_money_day+'天后,每日签到成功可获得'+that.data.data.sign_money_day3+'积分,如果断签,系统将从重置连续签到天数为0');
            }
        },
        onLoad(param) {
            let that = this;
        },
        onShow(param) {
            let that = this;
            that.get('member.php/member/signin/index.html', function(res) {
                //判断是否有用户登录信息
                if (res.code == 0) {
                    //更新用户信息
                    that.data = res.data;
                } else {
                    that.msg(res.msg);
                }
            });
        }
    };
</script>

<style>
    @import url("@/user/static/css/main.chunk.css");
    @import url("@/user/static/css/signforward.chunk.css");

    page {
        width: 100%;
        height: 100%;
    }
</style>


5
赏礼
赏钱
收藏
点击回复
      全部留言
  • 4
  • admin 超级管理员 消费:3.03元 2021-06-08 14:56 14:566楼
    套上一个皮,就显得很专业了
0 赏钱 赏礼回复
  • 袁冬 普通粉丝 消费:160.85元 2021-06-08 12:47 12:47
    华为
    6楼
    收藏  支持
0 赏钱 赏礼回复
  • wr1688 风格开发者 消费:2593.25元 2021-06-08 11:54 11:54
    华为
    6楼
    古德
0 赏钱 赏礼回复
  • 金森 实战运营者 消费:1479元 2021-06-08 11:49 11:496楼
0 赏钱 赏礼回复
更多回复
      你可能感兴趣的主题
恢复多功能编辑器
  • 3 1
  • 熊猫叶 OTO
        圈内贴子441
    • 圈子成员84
    本圈子内的新贴

    推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648