微信分享功能

2026-07-14 17:48:07 +08:00
parent 5222ec82b0
commit 9b13d02dde
9 changed files with 271 additions and 19 deletions
@@ -0,0 +1,32 @@
+import { Button, Text, View } from '@tarojs/components';
+import { handleShareButtonClick, type PageSharePayload } from '../lib/wechat-share';
+
+type ShareNavButtonProps = {
+  payload?: PageSharePayload;
+};
+
+/**
+ * 顶栏分享：
+ * - 小程序：open-type=share 弹出微信分享面板
+ * - H5 微信：JSSDK 配置后提示点右上角 ···
+ */
+export default function ShareNavButton({ payload }: ShareNavButtonProps) {
+  if (process.env.TARO_ENV === 'weapp') {
+    return (
+      <Button className="page-nav-bar__btn page-nav-bar__share-btn" openType="share" hoverClass="none">
+        <Text className="page-nav-bar__icon page-nav-bar__icon--share">⤴</Text>
+      </Button>
+    );
+  }
+
+  return (
+    <View
+      className="page-nav-bar__btn"
+      onClick={() => {
+        void handleShareButtonClick(payload);
+      }}
+    >
+      <Text className="page-nav-bar__icon page-nav-bar__icon--share">⤴</Text>
+    </View>
+  );
+}