feat: 新增入群页面

src/pages/index/componments/KeywordJoin/index.config.js

@@ -1,3 +1,3 @@
 export default definePageConfig({
-  navigationBarTitleText: '加入微信群'
+  navigationBarTitleText: '入群公告'
 })

src/pages/index/componments/KeywordJoin/index.jsx

@@ -26,10 +26,63 @@ const KeywordJoin = () => {
   const [current, setcurrent] = useState(0);
   const [value, setvalue] = useState(null);
 
+  const [userInfo, setuserInfo] = useState({
+    wxid: null,
+    openId: null,
+  });
+
+
+
+    // 获取用户标识符
+    useEffect(() => {
+      // 获取路由参数
+      const params = Taro.getCurrentInstance().router.params;
+      console.log("params", params);
+      // const [wxid, openId] = params;
+  
+      if (params.wxid) {
+        setuserInfo({
+          wxid: params?.wxid, //个人号wxid
+          // openId: params?.openId, //小程序openid
+        });
+        // 本地存储
+  
+        try {
+          Taro.setStorageSync("wxid", params?.wxid ?? "");
+        } catch (e) {}
+      }
+    }, []);
+
+    
+
+  useEffect(() => {
+    // 更新分享-minipro
+    Taro.updateShareMenu({
+      withShareTicket: true,
+      success() {},
+    });
+
+    // 显示分享按钮-minipro
+    Taro.showShareMenu({
+      withShareTicket: true,
+      // showShareItems:true,
+    });
+
+    // 打开分享图片弹窗，可以将图片发送给朋友、收藏或下载
+    // Taro.downloadFile({
+    //   url: "https://res.wx.qq.com/wxdoc/dist/assets/img/demo.ef5c5bef.jpg",
+    //   success: (res) => {
+    //     Taro.showShareImageMenu({
+    //       path: res.tempFilePath,
+    //     });
+    //   },
+    // });
+  }, []);
+
   return (
     <View className="KeywordJoin">
       {/* 步骤栏 */}
-      <AtSteps
+      {/* <AtSteps
         items={[
           {
             title: "人群公告",
@@ -51,7 +104,46 @@ const KeywordJoin = () => {
           console.log("target", target);
           setcurrent(target);
         }}
-      />
+      /> */}
+
+      <View className="at-article">
+        {/* H1文章标题 */}
+        <View className="at-article__h1">欢迎加入微信群</View>
+        {/* <View className="at-article__info">
+          2024-03-24&nbsp;&nbsp;&nbsp;异度星球
+        </View> */}
+
+        {/* 内容区域 */}
+        <View className="at-article__content">
+          <View className="at-article__section">
+            <Image
+              style={{
+                width: "200px",
+                height: "200px",
+                background: " #fff",
+                borderRadius: "10px",
+              }}
+              className="at-article__img"
+              src={touxiang}
+              mode="widthFix"
+            />
+            {/* 二级标题 */}
+            <View className="at-article__h2">这是二级标题</View>
+            {/* 三级标题 */}
+            <View className="at-article__h3">这是三级标题</View>
+            {/* 文本段落 */}
+            <View className="at-article__p">
+              这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本落。这是文本段落。1234567890123456789012345678901234567890
+              ABCDEFGHIJKLMNOPQRSTUVWXYZ
+            </View>
+            <View className="at-article__p">这是文本段落。这是文本段落。</View>
+          </View>
+        </View>
+      </View>
+      <View className="tabbbarDiv"></View>
+      <AtButton type="primary" className="jsonWechatBtn">
+        点击加入
+      </AtButton>
     </View>
   );
 };

src/pages/index/componments/KeywordJoin/index.scss

@@ -0,0 +1,13 @@
+.KeywordJoin{
+    .tabbbarDiv {
+        width: 100%;
+        height: 100px;
+        // background-color: red;
+      }
+    
+    .jsonWechatBtn{
+        position: fixed;
+        bottom: 0px;
+        width: 100%;
+    }
+}