feat: update

2025-10-20 07:58:50 +08:00
parent bc141fcf1b
commit a179654898
32 changed files with 648 additions and 271 deletions
--- a/src/pages/anchor/index.tsx
+++ b/src/pages/anchor/index.tsx
@ -291,7 +291,7 @@ export default function AnchorPage() {
          </div>
        </div>
        <div className={`${PREFIX}__banner`}>
-          <PartnerBanner />
+          <PartnerBanner isBoss />
        </div>
        <ListWrapper
          filters={filters}
--- a/src/pages/group-owner-certification/index.less
+++ b/src/pages/group-owner-certification/index.less
@ -24,6 +24,8 @@
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 48px;
+    padding-bottom: calc(48px + constant(safe-area-inset-bottom));
+    padding-bottom: calc(48px + env(safe-area-inset-bottom));
  }

  &__block {
@ -50,7 +52,6 @@

    .highlight {
      color: @blHighlightColor;
-      display: inline;
    }

    &.center {
@ -122,6 +123,7 @@
    width: 280px;
    height: 280px;
    background: #6F7686;
+    display: block;
    margin: auto auto 24px;
  }
 }
--- a/src/pages/group-owner-certification/index.tsx
+++ b/src/pages/group-owner-certification/index.tsx
@ -30,7 +30,7 @@ export default function GroupOwnerCertification() {
    const { authCode } = await generateGroupAuthCode();
    return getCommonShareMessage({
      useCapture: false,
-      title: `群主测试，${authCode}`,
+      title: `群主测试 ${authCode}`,
      inviteCode,
      params: { authCode },
      path: PageUrl.GroupOwnerCertificate,
@ -98,14 +98,21 @@ export default function GroupOwnerCertification() {
                <div className={`${PREFIX}__lined-wrapper`}>
                  <div className={`${PREFIX}__lined-title`}>长按并识别二维码添加运营</div>
                </div>
-                {staffInfo && <Image className={`${PREFIX}__qrcode`} src={staffInfo.staffQrCode} mode="aspectFill" />}
+                {staffInfo && (
+                  <Image
+                    className={`${PREFIX}__qrcode`}
+                    src={staffInfo.staffQrCode}
+                    showMenuByLongpress
+                    mode="aspectFill"
+                  />
+                )}
              </div>
              <div className={`${PREFIX}__title`}>第二步</div>
              <div className={`${PREFIX}__card`}>
                <div className={`${PREFIX}__h1 ${PREFIX}__bold`}>点击以下按钮分享小程序到群，并在群里打开小程序</div>
-                <div className={`${PREFIX}__body center`}>
+                <div className={`${PREFIX}__body`}>
                  <div className="highlight">1次分享只能认证一个群，有多个群请分享多次，不可在微信聊天里直接转发；</div>
-                  一般1天内完成，超时未完成认证请重新分享或者咨询运营
+                  <div>一般1天内完成，超时未完成认证请重新分享或者咨询运营</div>
                </div>
                <Button className={`${PREFIX}__share`} openType="share">
                  分享小程序
--- a/src/pages/group-v2/index.tsx
+++ b/src/pages/group-v2/index.tsx
@ -1,12 +1,12 @@
-import Taro, { useLoad, useShareAppMessage } from '@tarojs/taro';
+import { useLoad, useShareAppMessage } from '@tarojs/taro';

 import { useCallback } from 'react';

 import HomePage from '@/components/home-page';
 import SearchCity from '@/components/search-city';
 import { PageType, PageUrl, RoleType } from '@/constants/app';
+import useCityOperators from '@/hooks/use-city-operators';
 import useInviteCode from '@/hooks/use-invite-code';
-import useServiceUrls from '@/hooks/use-service-urls';
 import { switchRoleType } from '@/utils/app';
 import { openCustomerServiceChat } from '@/utils/common';
 import { getCurrentCityCode } from '@/utils/location';
@ -20,7 +20,7 @@ const PREFIX = 'group-v2-page';

 export default function GroupV2() {
  const inviteCode = useInviteCode();
-  const serviceUrls = useServiceUrls();
+  const cityOperators = useCityOperators();

  useLoad(() => {
    switchRoleType(RoleType.Anchor);
@ -29,10 +29,6 @@ export default function GroupV2() {
    getInviteCodeFromQueryAndUpdate(query);
  });

-  Taro.showShareMenu({
-    withShareTicket: true,
-  });
-
  useShareAppMessage(() =>
    getCommonShareMessage({ inviteCode, title: '邀请你加入本地主播求职招聘群', path: PageUrl.GroupV2 })
  );
@ -42,12 +38,12 @@ export default function GroupV2() {
      if (!checkCityCode(cityCode)) {
        return;
      }
-      const group = serviceUrls.find(g => String(g.cityCode) === cityCode);
+      const group = cityOperators.find(g => String(g.cityCode) === cityCode);
      if (group) {
-        openCustomerServiceChat(group.serviceUrl);
+        openCustomerServiceChat(group.groupLink);
      }
    },
-    [serviceUrls]
+    [cityOperators]
  );

  return (
--- a/src/pages/job/index.less
+++ b/src/pages/job/index.less
@ -23,5 +23,9 @@
      background-color: @blTabLineColor;
      border-radius: 0;
    }
+
+    .taroify-dialog.taroify-popup {
+      position: absolute;
+    }
  }
-}
+}
--- a/src/pages/material-profile/index.tsx
+++ b/src/pages/material-profile/index.tsx
@ -6,7 +6,7 @@ import { useCallback, useEffect, useState } from 'react';
 import MaterialManagePopup from '@/components/material-manage-popup';
 import PageLoading from '@/components/page-loading';
 import SafeBottomPadding from '@/components/safe-bottom-padding';
-import { EventName, RoleType } from '@/constants/app';
+import { EventName } from '@/constants/app';
 import { CollectEventName } from '@/constants/event';
 import { MaterialStatus } from '@/constants/material';
 import ProfileViewFragment from '@/fragments/profile/view';
@ -15,9 +15,7 @@ import { collectEvent } from '@/utils/event';
 import { getMaterialShareMessage, requestProfileDetail, updateProfileStatus } from '@/utils/material';
 import { getCommonShareMessage } from '@/utils/share';
 import Toast from '@/utils/toast';
-
 import './index.less';
-import { switchRoleType } from '@/utils/app';

 const PREFIX = 'page-material-profile';

@ -69,10 +67,6 @@ export default function MaterialProfilePage() {
    }
  });

-  Taro.showShareMenu({
-    withShareTicket: true,
-  });
-
  useShareAppMessage(async () => {
    const shareMessage = await getMaterialShareMessage(profile, false);
    return shareMessage || getCommonShareMessage({ useCapture: false });
--- a/src/pages/partner-share-vip/index.config.ts
+++ b/src/pages/partner-share-vip/index.config.ts
@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '赠送会员',
+});
--- a/src/pages/partner-share-vip/index.less
+++ b/src/pages/partner-share-vip/index.less
@ -0,0 +1,182 @@
+@import '@/styles/variables.less';
+@import '@/styles/common.less';
+
+.share-vip {
+  background: #eae5fb;
+  padding-top: 200px;
+  position: relative;
+  padding-bottom: calc(142px + constant(safe-area-inset-bottom));
+  padding-bottom: calc(142px + env(safe-area-inset-bottom));
+
+  &__bg {
+    width: 100%;
+    height: 705px;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  &__slogan {
+    top: 66px;
+    left: 44px;
+    position: absolute;
+    font-family: 'Alimama ShuHeiTi';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 44px;
+    line-height: 62px;
+    color: #333333;
+
+    > div {
+      margin-bottom: 12px;
+    }
+
+    &-highlight {
+      display: inline-block;
+      padding-left: 12px;
+      padding-right: 9px;
+      font-size: 64px;
+      line-height: 62px;
+      background: linear-gradient(87.53deg, #683DE3 0.4%, #39227D 84.55%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      text-fill-color: transparent;
+    }
+  }
+
+  &__main {
+    padding-left: 24px;
+    padding-right: 24px;
+    position: relative;
+    z-index: 1;
+  }
+
+  &__highlight {
+    color: @blHighlightColor;
+    font-family: 'DIN Alternate';
+    padding: 0 8px;
+    font-weight: 700;
+    display: inline-block;
+    font-size: 40px;
+  }
+
+  &__block {
+    margin-bottom: 12px;
+    position: relative;
+  }
+
+  &__card {
+    background: #fff;
+    border-radius: 24px;
+    padding: 68px 32px 44px;
+  }
+
+  &__h1 {
+    font-weight: 500;
+    font-size: 32px;
+    line-height: 40px;
+    color: #1d2129;
+    margin-bottom: 16px;
+    margin-top: 32px;
+    position: relative;
+    z-index: 0;
+
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &:after {
+      content: '';
+      width: 28px;
+      height: 28px;
+      background: #ffd236;
+      border-radius: 50%;
+      position: absolute;
+      left: -6px;
+      top: -3px;
+      z-index: -1;
+    }
+  }
+
+  &__body {
+    font-weight: 400;
+    font-size: 28px;
+    line-height: 40px;
+    color: @blColor;
+
+    &.grey {
+      color: @blColorG2;
+    }
+
+    &.center {
+      text-align: center;
+    }
+  }
+
+  &__title {
+    margin-left: 48px;
+    margin-right: 48px;
+    font-weight: 500;
+    font-size: 32px;
+    line-height: 80px;
+    height: 80px;
+    transform: translateY(50%);
+    background: #ffd236;
+    box-shadow: 0px 12px 0px #ffa35d;
+    border-radius: 60px;
+    color: #1d2129;
+    text-align: center;
+    position: relative;
+  }
+
+  &__service {
+    .button(@height: 72px; @width: 384px; @fontSize: 28px; @fontWeight: 400; @borderRadius: 44px; @highlight: 0);
+    margin-top: 32px;
+  }
+
+  &__tip {
+    margin-top: 24px;
+    font-size: 24px;
+    line-height: 40px;
+    color: #999999;
+  }
+
+  &__footer {
+    position: fixed;
+    bottom: 0;
+    z-index: 2;
+    width: 100vw;
+    background: #ffffff;
+    padding: 12px 32px;
+    padding-bottom: calc(constant(safe-area-inset-bottom) + 12px);
+    /* 兼容 iOS < 11.2 */
+    padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
+    /* 兼容 iOS >= 11.2 */
+    box-shadow: 0px -4px 20px 0px #00000014;
+
+    display: flex;
+    flex-direction: row;
+    box-sizing: border-box;
+    justify-content: center;
+  }
+
+  &__download-button {
+    flex: 1 1;
+    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px; @highlight: 0);
+  }
+
+  &__share-button {
+    flex: 2 2;
+    width: 406px;
+    .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
+    margin-left: 32px;
+  }
+}
+
+#posterCanvas {
+  position: fixed;
+  bottom: -99999px;
+  left: -99999px;
+  visibility: hidden;
+}
--- a/src/pages/partner-share-vip/index.tsx
+++ b/src/pages/partner-share-vip/index.tsx
@ -0,0 +1,191 @@
+import { Button, Canvas, Image } from '@tarojs/components';
+import Taro, { useShareAppMessage } from '@tarojs/taro';
+
+import { PageUrl } from '@/constants/app';
+import useInviteCode from '@/hooks/use-invite-code';
+import { generateMembershipCoupon, getCouponQrCode } from '@/utils/coupon';
+import { getCommonShareMessage } from '@/utils/share';
+
+import './index.less';
+
+const PREFIX = 'share-vip';
+
+export default function PartnerShareVip() {
+  const inviteCode = useInviteCode();
+
+  Taro.showShareMenu({
+    withShareTicket: true,
+  });
+
+  useShareAppMessage(async () => {
+    console.log('Partner inviteCode', inviteCode);
+    const { code } = await generateMembershipCoupon();
+    return getCommonShareMessage({
+      useCapture: false,
+      inviteCode,
+      title: '宝子，送你个播络会员，免费找主播工作',
+      path: PageUrl.GiveVip,
+      params: { d: code },
+      imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-coupon1.png',
+    });
+  });
+
+  const getQrcode = async () => {
+    try {
+      const { code } = await generateMembershipCoupon();
+      const data = await getCouponQrCode(code);
+      const base64 = Taro.arrayBufferToBase64(data);
+      return `data:image/png;base64,${base64}`;
+    } catch (error) {
+      console.error('获取二维码失败', error);
+      Taro.showToast({ title: '获取二维码失败', icon: 'none' });
+      throw error;
+    }
+  };
+  const saveCanvasToTempFile = (): Promise<string> => {
+    return new Promise((resolve, reject) => {
+      try {
+        const query = Taro.createSelectorQuery().select('#posterCanvas');
+        query.fields({ node: true }).exec(async res => {
+          const canvas = res[0].node;
+          const tempFilePath = await Taro.canvasToTempFilePath({
+            canvas,
+            x: 0,
+            y: 0,
+            width: 1500, // 实际绘制宽度
+            height: 2668, // 实际绘制高度
+            destWidth: 750, // 目标显示宽度
+            destHeight: 1334, // 目标显示高度
+            fileType: 'png',
+          });
+
+          resolve(tempFilePath.tempFilePath);
+        });
+      } catch (error) {
+        console.error('保存 Canvas 到临时文件失败', error);
+        Taro.showToast({ title: '保存 Canvas 失败', icon: 'none' });
+        reject(error);
+      }
+    });
+  };
+  const drawCanvas = (qrCode: string): Promise<string> => {
+    const query = Taro.createSelectorQuery().select('#posterCanvas');
+    return new Promise(resolve => {
+      query.fields({ node: true, size: true }).exec(async res => {
+        const canvas = res[0].node;
+        const ctx = canvas.getContext('2d');
+
+        canvas.width = 550 * 2;
+        canvas.height = 918 * 2;
+        ctx.scale(2, 2);
+
+        // 绘制背景图片
+        const bgImage = canvas.createImage();
+        const poster = 'https://publiccdn.neighbourhood.com.cn/img/share-coupon-poster2.png';
+        bgImage.src = poster;
+        bgImage.onload = () => {
+          ctx.drawImage(bgImage, 0, 0, 550, 918);
+
+          const qrCodeImage = canvas.createImage();
+          qrCodeImage.src = qrCode; // 假设 getQrcode() 返回的是二维码图片的路径
+          qrCodeImage.onload = () => {
+            ctx.drawImage(qrCodeImage, 196, 600, 180, 160); // 绘制二维码，位置和大小
+            saveCanvasToTempFile().then(tempPath => {
+              resolve(tempPath);
+            });
+          };
+        };
+        bgImage.onerror = err => {
+          console.error(err);
+        };
+      });
+    });
+  };
+  const savePoster = async () => {
+    Taro.showLoading({ title: '正在生成海报' });
+    const qrCode = await getQrcode();
+    const filePath = await drawCanvas(qrCode);
+    Taro.hideLoading();
+
+    const res = await Taro.getSetting();
+    const hasPermission = res.authSetting['scope.writePhotosAlbum'];
+    if (hasPermission === false) {
+      Taro.showModal({
+        title: '提示',
+        content: '需要访问相册权限才能保存图片，请前往设置开启权限',
+        showCancel: false,
+        success() {
+          Taro.openSetting();
+        },
+      });
+    } else {
+      try {
+        await Taro.authorize({ scope: 'scope.writePhotosAlbum' });
+        await Taro.saveImageToPhotosAlbum({ filePath });
+        Taro.showToast({ title: '保存成功', icon: 'success' });
+      } catch (error) {
+        console.error(error);
+        Taro.showToast({ title: '保存失败', icon: 'none' });
+      }
+    }
+  };
+
+  return (
+    <div className={PREFIX}>
+      <Image
+        src="https://publiccdn.neighbourhood.com.cn/img/partner-share-vip-bg.png"
+        className={`${PREFIX}__bg`}
+        mode="aspectFill"
+      />
+      <div className={`${PREFIX}__slogan`}>
+        <div>
+          会员可每日<div className={`${PREFIX}__slogan-highlight`}>免费查看</div>
+        </div>
+        <div>通告联系方式</div>
+      </div>
+      <div className={`${PREFIX}__main`}>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__title`}>赠送会员</div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__h1`}>方法一：</div>
+            <div className={`${PREFIX}__body`}>点击下方&#34;立即赠送&#34;即可分享赠送卡片，对方点击卡片即可领取</div>
+            <div className={`${PREFIX}__h1`}>方法二：</div>
+            <div className={`${PREFIX}__body`}>点击&#34;朋友圈海报&#34;获得图片，分享到朋友圈，对方扫码即可领取</div>
+          </div>
+        </div>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__title`}>赠送规则</div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__body`}>
+              <div className={`${PREFIX}__h1`}>规则一：</div>
+              <div>每次分享的赠送链接或者图片在7天内有效</div>
+              <div className={`${PREFIX}__h1`}>规则二：</div>
+              <div>每个用户一周最多只能领取一次会员</div>
+            </div>
+          </div>
+        </div>
+        <div className={`${PREFIX}__block`}>
+          <div className={`${PREFIX}__title`}>分享建议</div>
+          <div className={`${PREFIX}__card`}>
+            <div className={`${PREFIX}__body`}>
+              <div className={`${PREFIX}__h1`}>建议一：</div>
+              <div>每周在朋友圈或者群中分享一次，效果最佳 可以写明：新会员来啦</div>
+              <div className={`${PREFIX}__h1`}>建议二：</div>
+              <div>分享得越多，邀请的人会越多，也会更活跃，更容易获得分成</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <Canvas id="posterCanvas" canvas-id="posterCanvas" type="2d" style="width: 750px; height: 1334px;" />
+
+      <div className={`${PREFIX}__footer`}>
+        <Button className={`${PREFIX}__download-button`} onClick={savePoster}>
+          朋友圈海报
+        </Button>
+        <Button className={`${PREFIX}__share-button`} openType="share">
+          立即赠送
+        </Button>
+      </div>
+    </div>
+  );
+}
--- a/src/pages/partner/index.tsx
+++ b/src/pages/partner/index.tsx
@ -8,7 +8,6 @@ import PartnerInviteList from '@/components/partner-invite-list';
 import PartnerProfit from '@/components/partner-profit';
 import { PageUrl } from '@/constants/app';
 import useInviteCode from '@/hooks/use-invite-code';
-import { generateMembershipCoupon } from '@/utils/coupon';
 import { getCommonShareMessage } from '@/utils/share';
 import './index.less';

@ -27,14 +26,21 @@ export default function Partner() {

  useShareAppMessage(async () => {
    console.log('Partner inviteCode', inviteCode);
-    const { code } = await generateMembershipCoupon();
+    // const { code } = await generateMembershipCoupon();
+    // return getCommonShareMessage({
+    //   useCapture: false,
+    //   inviteCode,
+    //   title: '宝子，送你个播络会员，免费找主播工作',
+    //   path: PageUrl.GiveVip,
+    //   params: { d: code },
+    //   imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-coupon1.png',
+    // });
    return getCommonShareMessage({
      useCapture: false,
      inviteCode,
-      title: '宝子，送你个播络会员，免费找主播工作',
-      path: PageUrl.GiveVip,
-      params: { d: code },
-      imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-coupon1.png',
+      title: '播络专业主播招聘平台招募合伙人',
+      path: PageUrl.Partner,
+      imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-partner.png',
    });
  });

--- a/src/pages/user-batch-publish/index.tsx
+++ b/src/pages/user-batch-publish/index.tsx
@ -7,8 +7,8 @@ import { useCallback, useState } from 'react';
 import HomePage from '@/components/home-page';
 import SearchCity from '@/components/search-city';
 import { PageType, PageUrl, RoleType } from '@/constants/app';
+import useCityOperators from '@/hooks/use-city-operators';
 import useInviteCode from '@/hooks/use-invite-code';
-import useServiceUrls from '@/hooks/use-service-urls';
 import { switchRoleType } from '@/utils/app';
 import { openCustomerServiceChat } from '@/utils/common';
 import { getCurrentCityCode } from '@/utils/location';
@ -23,7 +23,7 @@ const EXAMPLE_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-examp
 const COMMENT_IMAGE = 'https://publiccdn.neighbourhood.com.cn/img/delegate-comments.png';
 export default function BizService() {
  const inviteCode = useInviteCode();
-  const serviceUrls = useServiceUrls();
+  const cityOperators = useCityOperators();
  const [value, setValue] = useState('0');

  const handleClickDelegate = useCallback(() => {
@ -43,12 +43,12 @@ export default function BizService() {
      if (!checkCityCode(cityCode)) {
        return;
      }
-      const group = serviceUrls.find(g => String(g.cityCode) === cityCode);
+      const group = cityOperators.find(g => String(g.cityCode) === cityCode);
      if (group) {
-        openCustomerServiceChat(group.serviceUrl);
+        openCustomerServiceChat(group.groupLink);
      }
    },
-    [serviceUrls]
+    [cityOperators]
  );
  const handleChange = useCallback(v => {
    setValue(v);
--- a/src/pages/user/index.less
+++ b/src/pages/user/index.less
@ -69,19 +69,23 @@
  }

  &__header__contact {
-    width: 60px;
-    height: 60px;
-    border-radius: 50%;
-    background: #0000004D;
+    width: 76px;
+    height: 81px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
+    background: transparent;
+    border: none;
+
+    &:after {
+      border: none;
+    }
  }

  &__header__contact-icon {
-    width: 36px;
-    height: 36px;
+    width: 76px;
+    height: 81px;
  }
 }
--- a/src/pages/user/index.tsx
+++ b/src/pages/user/index.tsx
@ -1,5 +1,5 @@
 import { Button, Image } from '@tarojs/components';
-import Taro, { useShareAppMessage } from '@tarojs/taro';
+import { useShareAppMessage } from '@tarojs/taro';

 import { useCallback } from 'react';

@ -38,10 +38,6 @@ export default function User() {
    []
  );

-  Taro.showShareMenu({
-    withShareTicket: true,
-  });
-
  useShareAppMessage(() => getCommonShareMessage({ useCapture: false }));

  return (
@ -69,7 +65,7 @@ export default function User() {
            <Image
              mode="aspectFit"
              className={`${PREFIX}__header__contact-icon`}
-              src={require('@/statics/svg/contact.svg')}
+              src="https://publiccdn.neighbourhood.com.cn/img/kefu.svg"
            />
          </Button>
        </div>