OTO
分享
  • 收藏
  • 举报
    X
    原生小程序签到文件signin.vue
    968
    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>


    7
    赏礼
    赏钱
    收藏
    点击回复
        全部留言
    • 4
    • admin 超级管理员 消费:3.04元 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