更新记录
1.0.0(2024-04-13) 下载此版本
首次上传,助力快速开发
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
简单粗暴的签到系统,非常简单使用
步骤
1.导入
2.使用示例
复制代码<template>
<view>
<gb-qiandao :days="days" :play_number="play_number" :search_number="search_number" :full_ad="full_ad"
:taskList="taskList" :completeDay="completeDay" :dayList="dayList" :rule="rule" :taskStatus="taskStatus"
@receiveMoney="receiveMoney" @listTab="listTab"></gb-qiandao>
</view>
</template>
<script>
export default {
data() {
return {
// 签到天数
days: 0,
// 签到任务第一个
play_number: 0,
// 签到任务第二个
search_number: 0,
// 签到任务第三个
full_ad: 0,
// 已完成天数
completeDay: 0,
// 签到状态 0.代表未签到 1.代表已签到
taskStatus: 0.,
// 签到规则
rule: '这里是签到规则,你可以任意编辑',
// 签到任务奖励数组
dayList: [1, 1, 2, 3, 5, 6, 7],
// 签到任务
taskList: [{
title: '试玩游戏',
img: '../../static/yx.png',
number: 1,
dec: '完成游戏赚相关游戏'
},
{
title: '试玩应用',
img: '../../static/zl.png',
number: 1,
dec: '完成应用赚相关任务'
},
{
title: '观看广告',
img: '../../static/kgg.png',
number: 10,
dec: '观看广告赚相关广告'
}
]
}
},
onLoad() {
this.getData()
},
methods: {
// 获取用户签到得相关信息,自己写接口获取即可
getData() {
},
// 签到并领取奖励
receiveMoney() {
uni.showToast({
title: "签到成功并获得奖励",
icon: 'none',
position: 'bottom'
})
},
// 签到任务完成
listTab(i) {
if (i == 0) {
uni.showToast({
title: "跳转第一个任务",
icon: 'none',
position: 'bottom'
})
}
if (i == 1) {
uni.showToast({
title: "跳转第二个任务",
icon: 'none',
position: 'bottom'
})
}
if (i == 2) {
uni.showToast({
title: "跳转第三个任务",
icon: 'none',
position: 'bottom'
})
}
}
}
}
</script>
<style>
</style>
引入后图片不显示