这是龙大的签到,自己开发的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>