From 089bf5d2378b3c4a61d795b2a92bede2c193b771 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:22:58 +0800
Subject: [PATCH] 1
---
src/components/layout/RewardModule.vue | 129 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 129 insertions(+), 0 deletions(-)
diff --git a/src/components/layout/RewardModule.vue b/src/components/layout/RewardModule.vue
new file mode 100644
index 0000000..6fdff64
--- /dev/null
+++ b/src/components/layout/RewardModule.vue
@@ -0,0 +1,129 @@
+<template>
+ <div>
+ <div class="reward" v-show="isShow">
+ <div class="title">
+ <span>Donate</span>
+ <i class="el-icon-circle-close" @click="close" />
+ </div>
+ <div class="main">
+ <div class="pay-box">
+ <img
+ src="https://cdn.learnku.com/uploads/images/202101/30/46424/PPYHOUhCb4.jpg"
+ />
+ <p>支付宝</p>
+ </div>
+ <div class="pay-box">
+ <img
+ src="https://cdn.learnku.com/uploads/images/202101/30/46424/XLmCJjbvlQ.png"
+ />
+ <p>微信</p>
+ </div>
+ </div>
+ <div class="footer">
+ 开源不易，如果你觉得项目对你有帮助，可以请作者喝杯咖啡☕️！鼓励下...
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ isShow: false,
+ }
+ },
+ created() {
+ if (this.getNum() <= 3) {
+ setTimeout(() => {
+ this.isShow = true
+ }, 1000 * 30)
+ }
+ },
+ methods: {
+ getNum() {
+ return parseInt(localStorage.getItem('REWARD_BOX')) || 0
+ },
+ close() {
+ localStorage.setItem('REWARD_BOX', this.getNum() + 1)
+ this.isShow = false
+ },
+ },
+}
+</script>
+<style lang="less" scoped>
+.reward {
+ position: fixed;
+ width: 550px;
+ height: 400px;
+ right: 20px;
+ bottom: 20px;
+ border-radius: 5px;
+ box-shadow: 0 0 12px #ccc;
+ border: 1px solid rgb(228, 225, 225);
+ box-sizing: border-box;
+ overflow: hidden;
+ user-select: none;
+ z-index: 9999;
+ background: white;
+
+ .title {
+ height: 50px;
+ line-height: 50px;
+ padding-left: 20px;
+ width: 100%;
+ font-size: 16px;
+ background: #f9f7f7;
+ position: relative;
+ box-sizing: border-box;
+
+ i {
+ position: absolute;
+ right: 15px;
+ top: 18px;
+ font-size: 18px;
+ cursor: pointer;
+ }
+ }
+
+ .main {
+ height: 300px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+
+ .pay-box {
+ width: 200px;
+ height: 240px;
+ background: #1977ff;
+ margin: 0 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 5px;
+
+ img {
+ width: 150px;
+ height: 150px;
+ }
+
+ p {
+ margin-top: 20px;
+ color: white;
+ }
+
+ &:last-child {
+ background: #22ab38;
+ }
+ }
+ }
+
+ .footer {
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ font-size: 13px;
+ }
+}
+</style>
--
Gitblit v1.9.3