first commit
This commit is contained in:
PC-202306242200\Administrator
2
uni_modules/gb-qiandao/changelog.md
Normal file
2
uni_modules/gb-qiandao/changelog.md
Normal file
@@ -0,0 +1,2 @@
|
||||
## 1.0.0（2024-04-13）
|
||||
首次上传，助力快速开发
|
||||
1338
uni_modules/gb-qiandao/components/gb-qiandao/common.css
Normal file
1338
uni_modules/gb-qiandao/components/gb-qiandao/common.css
Normal file
File diff suppressed because it is too large
Load Diff
173
uni_modules/gb-qiandao/components/gb-qiandao/gb-qiandao.vue
Normal file
173
uni_modules/gb-qiandao/components/gb-qiandao/gb-qiandao.vue
Normal file
@@ -0,0 +1,173 @@
|
||||
<template>
|
||||
<view style="background: linear-gradient(to bottom, #f90744, #e8e8e8)">
|
||||
<view class="">
|
||||
<image src="../static/swa.png" mode="aspectFill" style="width: 750rpx; height: 320rpx; border-radius: 30rpx"></image>
|
||||
</view>
|
||||
<view class="mar-30 bor-r30 zcolor-while" style="margin-top: 0; padding-bottom: 30rpx">
|
||||
<view class="dflex flex-row gradient-red-while bor-r30 pa-30 align-center">
|
||||
<text class="f-w fs-31">累计签到</text>
|
||||
<text class="f-w fs-35 f-w fcolor-red mar-l10 mar-r10">{{ days }}</text>
|
||||
<text class="f-w fs-31">天</text>
|
||||
</view>
|
||||
<view class="dflex flex-row justify-space-between align-center pa-30">
|
||||
<view class="bor-r10" :class="index < completeDay ? 'zcolor-f1f1f1' : 'zcolor-f1f1f1'" v-for="(item, index) in dayList" :key="index">
|
||||
<view class="bor-r10 dflex flex-column justify-center align-center" style="width: 80rpx; height: 120rpx">
|
||||
<view class="wh-60 dflex justify-center align-center zcolor-bluew bor-r100 mar-t5" v-if="index < completeDay">
|
||||
<text class="fs-23 fcolor-blue">{{ item }}</text>
|
||||
</view>
|
||||
<view class="" style="width: 70rpx; height: 70rpx" v-else>
|
||||
<image src="../static/hbbs.png" mode="aspectFill" class="wh-70"></image>
|
||||
</view>
|
||||
|
||||
<view class="mar-t10">
|
||||
<text class="fs-25" v-if="index < 6">{{ index + 1 }}天</text>
|
||||
<text class="fs-25" v-if="index == 6">{{ index + 1 }}天+</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="wh-w720 mar-t30 dflex justify-center align-center">
|
||||
<view
|
||||
elevation="1px"
|
||||
class="bor-r50 gradient-red dflex justify-center align-center"
|
||||
style="width: 500rpx; height: 90rpx"
|
||||
v-if="!taskStatus"
|
||||
@click="receiveMoney"
|
||||
>
|
||||
<text class="fs-30 fcolor-while f-w">立即签到</text>
|
||||
</view>
|
||||
<view elevation="1px" class="bor-r50 wh-80-650 zcolor-while1 dflex justify-center align-center" v-else>
|
||||
<text class="fs-30">已签到</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bor-r30 mar-30 zcolor-while" style="margin-top: 0">
|
||||
<view class="dflex flex-row gradient-red-while bor-r30 align-center pa-30">
|
||||
<text class="f-w fs-33">签到任务</text>
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="dflex flex-row justify-space-between align-center pa-30" style="" v-for="(item, index) in taskList" :key="index">
|
||||
<view class="dflex flex-row align-center">
|
||||
<view class="">
|
||||
<!-- <image :src="item.img" mode="aspectFill" class="wh-100"></image> -->
|
||||
</view>
|
||||
<view class="mar-l30">
|
||||
<view class="dflex flex-row align-center">
|
||||
<text class="fs-30 f-w">{{ item.title }}</text>
|
||||
</view>
|
||||
<!-- <view class="dflex flex-row align-center">
|
||||
<text class=" fs-30 f-w">{{item.title}}</text>
|
||||
</view>
|
||||
<view class="dflex flex-row align-center">
|
||||
<text class=" fs-30 f-w">{{item.title}}</text>
|
||||
</view> -->
|
||||
<view class="dflex flex-row align-center mar-t15">
|
||||
<text class="fs-23 fcolor-dark1">完成任务可获得{{ item.points }}积分</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="item.status" class="zcolor-while1 pa-20-30 bor-r50 justify-center align-center">
|
||||
<text class="fs-28">已完成</text>
|
||||
</view>
|
||||
<button
|
||||
v-else-if="item.name === 'isShare'"
|
||||
class="gradient-red bor-r50 justify-center align-center fs-28 fcolor-while"
|
||||
style="height: 80rpx; width: 140rpx; line-height: 80rpx; margin: 0;"
|
||||
open-type="share"
|
||||
@click="listTab(index)"
|
||||
>
|
||||
去完成
|
||||
</button>
|
||||
<view v-else class="gradient-red pa-20-30 bor-r50 justify-center align-center" @click="listTab(index)">
|
||||
<text class="fs-28 fcolor-while">去完成</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="bor-r30 mar-30 zcolor-while" style="margin-top: 0;">
|
||||
|
||||
<view class="dflex flex-row gradient-red-while bor-r30 align-center pa-30">
|
||||
<text class="f-w fs-33">签到规则</text>
|
||||
</view>
|
||||
<view class="pa-30">
|
||||
<text class="fs-30">
|
||||
{{rule}}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
</view> -->
|
||||
|
||||
<view style="height: 230rpx"></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
// 签到天数
|
||||
days: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
// 签到任务第一个
|
||||
play_number: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
// 签到任务第二个
|
||||
search_number: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
// 签到任务第三个
|
||||
full_ad: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
// 签到任务
|
||||
taskList: {
|
||||
type: Array,
|
||||
default: []
|
||||
},
|
||||
// 已完成天数
|
||||
completeDay: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
// 奖励
|
||||
dayList: {
|
||||
type: Array,
|
||||
default: []
|
||||
},
|
||||
// 签到状态 0.代表未签到 1.代表已签到
|
||||
taskStatus: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 签到规则
|
||||
rule: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 签到并领取奖励
|
||||
receiveMoney() {
|
||||
this.$emit('receiveMoney');
|
||||
},
|
||||
|
||||
// 签到任务完成
|
||||
listTab(i) {
|
||||
this.$emit('listTab', i);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
@import './common.css';
|
||||
</style>
|
||||
BIN
uni_modules/gb-qiandao/components/static/fx.png
Normal file
BIN
uni_modules/gb-qiandao/components/static/fx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
uni_modules/gb-qiandao/components/static/hbbs.png
Normal file
BIN
uni_modules/gb-qiandao/components/static/hbbs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
uni_modules/gb-qiandao/components/static/kgg.png
Normal file
BIN
uni_modules/gb-qiandao/components/static/kgg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
uni_modules/gb-qiandao/components/static/swa.png
Normal file
BIN
uni_modules/gb-qiandao/components/static/swa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
uni_modules/gb-qiandao/components/static/yx.png
Normal file
BIN
uni_modules/gb-qiandao/components/static/yx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
uni_modules/gb-qiandao/components/static/zl.png
Normal file
BIN
uni_modules/gb-qiandao/components/static/zl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
83
uni_modules/gb-qiandao/package.json
Normal file
83
uni_modules/gb-qiandao/package.json
Normal file
@@ -0,0 +1,83 @@
|
||||
{
|
||||
"id": "gb-qiandao",
|
||||
"displayName": "每日签到页面模板组件，简单好用，用了会上瘾的那种",
|
||||
"version": "1.0.0",
|
||||
"description": "全网最简单好用的每日签到模板，主打就是简单容易上手，巨好用",
|
||||
"keywords": [
|
||||
"每日签到"
|
||||
],
|
||||
"repository": "",
|
||||
"engines": {
|
||||
"HBuilderX": "^3.6.12"
|
||||
},
|
||||
"dcloudext": {
|
||||
"type": "component-vue",
|
||||
"sale": {
|
||||
"regular": {
|
||||
"price": "0.00"
|
||||
},
|
||||
"sourcecode": {
|
||||
"price": "0.00"
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
"qq": ""
|
||||
},
|
||||
"declaration": {
|
||||
"ads": "无",
|
||||
"data": "无",
|
||||
"permissions": "无"
|
||||
},
|
||||
"npmurl": ""
|
||||
},
|
||||
"uni_modules": {
|
||||
"dependencies": [],
|
||||
"encrypt": [],
|
||||
"platforms": {
|
||||
"cloud": {
|
||||
"tcb": "y",
|
||||
"aliyun": "y",
|
||||
"alipay": "y"
|
||||
},
|
||||
"client": {
|
||||
"Vue": {
|
||||
"vue2": "y",
|
||||
"vue3": "y"
|
||||
},
|
||||
"App": {
|
||||
"app-vue": "y",
|
||||
"app-nvue": "y",
|
||||
"app-uvue": "n"
|
||||
},
|
||||
"H5-mobile": {
|
||||
"Safari": "y",
|
||||
"Android Browser": "y",
|
||||
"微信浏览器(Android)": "y",
|
||||
"QQ浏览器(Android)": "y"
|
||||
},
|
||||
"H5-pc": {
|
||||
"Chrome": "y",
|
||||
"IE": "y",
|
||||
"Edge": "y",
|
||||
"Firefox": "y",
|
||||
"Safari": "y"
|
||||
},
|
||||
"小程序": {
|
||||
"微信": "y",
|
||||
"阿里": "y",
|
||||
"百度": "y",
|
||||
"字节跳动": "y",
|
||||
"QQ": "y",
|
||||
"钉钉": "y",
|
||||
"快手": "y",
|
||||
"飞书": "y",
|
||||
"京东": "y"
|
||||
},
|
||||
"快应用": {
|
||||
"华为": "y",
|
||||
"联盟": "y"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
110
uni_modules/gb-qiandao/readme.md
Normal file
110
uni_modules/gb-qiandao/readme.md
Normal file
@@ -0,0 +1,110 @@
|
||||
##简单粗暴的签到系统，非常简单使用
|
||||
|
||||
##步骤
|
||||
|
||||
1.导入
|
||||
|
||||
2.使用示例
|
||||
```html
|
||||
<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>
|
||||
|
||||
|
||||
```
|
||||
Reference in New Issue
Block a user