feat: 绘制海报 未完

src/game_pages/detail/index.tsx

@@ -23,6 +23,7 @@ import {
   NTRPEvaluatePopup,
   GameManagePopup,
   Comments,
+  Poster,
 } from "@/components";
 import DetailService, {
   MATCH_STATUS,
@@ -175,7 +176,7 @@ function Coursel(props) {
 // 分享弹窗
 const SharePopup = forwardRef(
   ({ id, from }: { id: string; from: string }, ref) => {
-    const [visible, setVisible] = useState(false);
+    const [visible, setVisible] = useState(true);
 
     useImperativeHandle(ref, () => ({
       show: () => {
@@ -216,35 +217,53 @@ const SharePopup = forwardRef(
     }
 
     return (
-      <CommonPopup
-        title="分享"
-        visible={visible}
-        onClose={() => {
-          setVisible(false);
-        }}
-        hideFooter
-        style={{ minHeight: "100px" }}
-      >
-        <View className={styles.shareContainer}>
-          <View catchMove className={styles.title}>
-            分享卡片
+      <>
+        {/* <CommonPopup
+          title="分享至"
+          visible={visible}
+          onClose={() => {
+            setVisible(false);
+          }}
+          hideFooter
+          style={{ minHeight: "100px" }}
+        >
+          <View className={styles.shareContainer}>
+            <View catchMove className={styles.title}>
+              分享至
+            </View>
+            <View className={styles.shareItems}>
+              <Button
+                className={classnames(styles.button, styles.share)}
+                openType="share"
+              >
+                微信好友
+              </Button>
+              <Button
+                className={classnames(styles.button, styles.save)}
+                onClick={handleSaveToLocal}
+              >
+                生成分享图
+              </Button>
+            </View>
           </View>
-          <View className={styles.shareItems}>
-            <Button
-              className={classnames(styles.button, styles.share)}
-              openType="share"
-            >
-              分享到聊天
-            </Button>
-            <Button
-              className={classnames(styles.button, styles.save)}
-              onClick={handleSaveToLocal}
-            >
-              保存到本地
-            </Button>
+        </CommonPopup> */}
+        <CommonPopup
+          title="分享至"
+          visible={visible}
+          onClose={() => {
+            setVisible(false);
+          }}
+          showHeader={false}
+          position="center"
+          hideFooter
+          enableDragToClose={false}
+          style={{ minHeight: "100px" }}
+        >
+          <View className={styles.posterWrap}>
+            <Poster />
           </View>
-        </View>
-      </CommonPopup>
+        </CommonPopup>
+      </>
     );
   }
 );

src/game_pages/detail/style.module.scss

@@ -22,3 +22,6 @@
     }
   }
 }
+
+.posterWrap {
+}