增加签到活动

src/components/Popup.vue

@@ -1,11 +1,59 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  $END$
-</template>
-
-<style scoped lang="scss">
-
+<script setup lang="ts">
+import {ref} from 'vue'
+import Taro from '@tarojs/taro'
+import {getSignRecord, userSign} from '@/api/user'
+
+const show = ref(false)
+
+Taro.useLoad(async () => {
+    show.value = true
+    // const res = await getSignRecord()
+    // console.log(res)
+})
+
+const toSign = async () => {
+    try {
+        await userSign()
+        Taro.showToast({
+            title: '签到成功',
+            icon: 'none'
+        })
+    } catch (e) {
+        console.log(e)
+    }
+    show.value = false
+}
+</script>
+
+<template>
+    <nut-overlay v-model:visible="show" :lock-scroll="true" :close-on-click-overlay="false">
+        <view class="wrapper">
+            <view @click.stop="toSign">
+                <image class="image" src="../static/index/poppBg.png"/>
+            </view>
+            <view @click.stop="show = false">
+                <image class="icon" src="../static/index/close.png"/>
+            </view>
+        </view>
+    </nut-overlay>
+</template>
+
+<style lang="scss">
+.wrapper {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.image {
+    width: 500px;
+    height: 600px;
+}
+
+.icon {
+    width: 80px;
+    height: 80px;
+}
 </style>