diff --git a/src/pages/group/index.config.js b/src/pages/group/index.config.js
new file mode 100644
index 0000000..fe39c37
--- /dev/null
+++ b/src/pages/group/index.config.js
@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '加入微信群'
+}
diff --git a/src/pages/group/index.scss b/src/pages/group/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/group/index.tsx b/src/pages/group/index.tsx
new file mode 100644
index 0000000..2085adf
--- /dev/null
+++ b/src/pages/group/index.tsx
@@ -0,0 +1,32 @@
+import { Component } from "react";
+import { View, Text, Image } from "@tarojs/components";
+import "./index.scss";
+import { AtTabBar } from "taro-ui";
+import React, { useCallback, useEffect, useState } from "react";
+import { AtGrid } from "taro-ui";
+import { Swiper, SwiperItem } from "@tarojs/components";
+import { AtCard } from "taro-ui";
+import { AtImagePicker } from "taro-ui";
+import Taro from "@tarojs/taro";
+import { AtAvatar } from "taro-ui";
+import { AtTag } from "taro-ui";
+import { AtList, AtListItem } from "taro-ui";
+
+// export default class Index extends Component {
+const Group = () => {
+  const [current, setcurrent] = useState(2);
+  const [wxid, setwxid] = useState(null);
+
+  useEffect(() => {}, []);
+
+  const handleClick = (value) => {
+    // 跳转到目的页面，在当前页面打开
+    Taro.navigateTo({
+      url: "/pages/index/index",
+    });
+  };
+
+  return <View className="group">qqq</View>;
+};
+
+export default Group;
diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index f39eb0f..88f93e7 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -265,6 +265,17 @@ const Index = () => {
   };
   return (
     <View className="index">
+
+      <Button onClick={()=>{
+            // 跳转到目的页面，在当前页面打开
+    Taro.navigateTo({
+      url: "/pages/group/index",
+    });
+      }}>
+        111
+      </Button>
+
+
       {/* 公众号 */}
       <View
         className="index-title"