feat(custom): 新增若干营销功能

src/pages/marketing/scratch/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: "刮奖",
+});

src/pages/marketing/scratch/index.scss

@@ -0,0 +1,67 @@
+page {
+  background-color: #ffab00;
+}
+
+.bg {
+  position: relative;
+  background-image: url('https://pic.imgdb.cn/item/6697c1bbd9c307b7e97c2665.png');
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  height: 1800px;
+
+  .box {
+    position: absolute;
+    top: 378px;
+    left: 50%;
+    transform: translate(-50%, 0);
+    .tc {
+      height: 365px;
+      width: 575px;
+    }
+
+    .textBg {
+      background-image: url('https://pic.imgdb.cn/item/6697d455d9c307b7e9932fbc.png');
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      font-weight: bolder;
+      font-size: 60px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
+  .btn {
+    background-image: url('https://pic.imgdb.cn/item/6697c87fd9c307b7e984a370.png');
+    background-size: 100% 100%;
+    width: 600px;
+    height: 130px;
+    position: absolute;
+    top: 760px;
+    left: 50%;
+    transform: translate(-50%, 0);
+  }
+
+  .img {
+    background-image: url('https://pic.imgdb.cn/item/6697c956d9c307b7e985b5b9.png');
+    background-size: 100% 100%;
+    width: 700px;
+    height: 500px;
+    position: absolute;
+    top: 950px;
+    left: 50%;
+    transform: translate(-50%, 0);
+  }
+
+  .img1 {
+    background-image: url('https://pic.imgdb.cn/item/6697c956d9c307b7e985b5c0.png');
+    background-size: 100% 100%;
+    width: 700px;
+    height: 500px;
+    position: absolute;
+    top: 1500px;
+    left: 50%;
+    transform: translate(-50%, 0);
+  }
+}

src/pages/marketing/scratch/index.vue

@@ -0,0 +1,141 @@
+<template>
+  <view class="bg">
+    <view class="box">
+      <image
+        v-if="status === 0"
+        class="tc"
+        @click="kk"
+        src="https://pic.imgdb.cn/item/6697c82bd9c307b7e9843788.png" />
+      <view
+        class="tc text-[#F33D00] text-center textBg"
+        v-else-if="status === 1">
+        <view>恭喜获得游戏豆奖励</view>
+        <view>{{ codeInfo.pulse }}</view>
+      </view>
+      <image
+        class="tc"
+        v-else
+        src="https://pic.imgdb.cn/item/6697d32ed9c307b7e991c2c5.png"></image>
+    </view>
+    <view class="btn">
+      <nut-button
+        v-if="!isLogin"
+        style="width: 100%; height: 100%; opacity: 0"
+        type="primary"
+        open-type="getPhoneNumber"
+        @getphonenumber="getPhoneNumber"
+        >手机号一键登录</nut-button
+      >
+      <nut-button
+        v-else
+        style="width: 100%; height: 100%; opacity: 0"
+        type="primary"
+        @click="ok"
+        >领取</nut-button
+      >
+    </view>
+    <view class="img"></view>
+    <view class="img1"></view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import Taro from '@tarojs/taro';
+import {ref} from 'vue';
+import {getPhone, login} from '@/api/user';
+import {getQrCode, bindQrCode} from '@/api/code';
+import './index.scss';
+
+const status = ref(0);
+
+const optData = ref<any>({});
+
+const isLogin = ref(false);
+
+const codeInfo = ref<any>({});
+
+Taro.useLoad(opt => {
+  optData.value = opt;
+  const tk = Taro.getStorageSync('token');
+  if (tk) {
+    isLogin.value = true;
+  }
+  getInfo();
+});
+
+const getInfo = async () => {
+  const res = await getQrCode({
+    code: optData.value.qid,
+  });
+  codeInfo.value = res.data.data;
+};
+
+const kk = () => {
+  if (codeInfo.value.pulse > 0) {
+    status.value = 1;
+  } else {
+    status.value = 2;
+  }
+};
+
+const ok = async () => {
+  const res = await bindQrCode({
+    qid: optData.value.qid,
+  });
+  Taro.showToast({
+    title: res.msg,
+    icon: 'none',
+    mask: true,
+  });
+
+  setTimeout(() => {
+    Taro.switchTab({
+      url: '/pages/index/index',
+    });
+  }, 2000);
+};
+
+const userInfo = ref({
+  phone: '',
+});
+
+const getPhoneNumber = async (e: any) => {
+  Taro.showLoading({
+    title: '授权手机号中',
+    mask: true,
+  });
+  const {code} = e.detail;
+  const res = await getPhone({
+    code: code,
+  });
+  userInfo.value.phone = res.data.phone;
+  if (!res.data.phone)
+    return Taro.showToast({
+      title: '手机号获取失败',
+      icon: 'none',
+    });
+  Taro.login({
+    success: async res => {
+      Taro.setStorageSync('wx_code', res.code);
+      const ress = await login({
+        Code: Taro.getStorageSync('wx_code'),
+        Phone: userInfo.value.phone,
+        Referee: Taro.getStorageSync('bind_id'),
+      });
+      Taro.showToast({
+        title: `${ress.msg},请再次领取`,
+        icon: 'success',
+      });
+      Taro.setStorageSync('token', ress.data.token);
+      Taro.removeStorageSync('wx_code');
+      Taro.removeStorageSync('bind_id');
+      isLogin.value = true;
+    },
+    complete: () => {
+      Taro.hideLoading();
+    },
+  });
+};
+</script>
+
+<style lang="scss"></style>