diff --git a/src/app.config.js b/src/app.config.js
index 982d2fc..ae12ce4 100644
--- a/src/app.config.js
+++ b/src/app.config.js
@@ -1,10 +1,9 @@
 export default defineAppConfig({
   pages: [
     'pages/index/index',
+    'pages/index/componments/KeywordJoin/index',
     'pages/my/index',
     'pages/my/componments/Log/index',
-
-
   ],
   permission: {
     "scope.userLocation": {
diff --git a/src/pages/index/componments/KeywordJoin/index.config.js b/src/pages/index/componments/KeywordJoin/index.config.js
new file mode 100644
index 0000000..7a1f49b
--- /dev/null
+++ b/src/pages/index/componments/KeywordJoin/index.config.js
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '加入微信群'
+})
diff --git a/src/pages/index/componments/KeywordJoin/index.jsx b/src/pages/index/componments/KeywordJoin/index.jsx
new file mode 100644
index 0000000..a54f2bc
--- /dev/null
+++ b/src/pages/index/componments/KeywordJoin/index.jsx
@@ -0,0 +1,59 @@
+import { View, Text, Image, Button, Icon } from "@tarojs/components";
+import { useLoad } from "@tarojs/taro";
+import Taro from "@tarojs/taro";
+import {
+  AtAvatar,
+  AtTag,
+  AtIcon,
+  AtTabBar,
+  AtButton,
+  AtAccordion,
+  AtList,
+  AtListItem,
+  AtSteps,
+  AtForm,
+  AtInput,
+} from "taro-ui";
+import "./index.scss";
+import beijing from "@/images/city/beijing.jpg";
+import guangzhou from "@/images/city/guangzhou.jpg";
+import shanghai from "@/images/city/shanghai.jpg";
+import shenzhen from "@/images/city/shenzhen.jpg";
+import touxiang from "@/images/index/touxiang.jpg";
+import TabbarCom from "@/componments/TabbarCom";
+import { useEffect, useState } from "react";
+const KeywordJoin = () => {
+  const [current, setcurrent] = useState(0);
+  const [value, setvalue] = useState(null);
+
+  return (
+    <View className="KeywordJoin">
+      {/* 步骤栏 */}
+      <AtSteps
+        items={[
+          {
+            title: "人群公告",
+            // desc: "这里是额外的信息，最多两行",
+            // status: "success",
+          },
+          {
+            title: "声明",
+            // desc: "这里是额外的信息，最多两行",
+          },
+          {
+            title: "再次确认",
+            // desc: "这里是额外的信息，最多两行",
+            // status: "error",
+          },
+        ]}
+        current={current}
+        onChange={(target) => {
+          console.log("target", target);
+          setcurrent(target);
+        }}
+      />
+    </View>
+  );
+};
+
+export default KeywordJoin;
diff --git a/src/pages/index/componments/KeywordJoin/index.scss b/src/pages/index/componments/KeywordJoin/index.scss
new file mode 100644
index 0000000..e69de29