diff --git a/src/images/index/remotework.jpg b/src/images/index/remotework.jpg
new file mode 100644
index 0000000..8e48c11
Binary files /dev/null and b/src/images/index/remotework.jpg differ
diff --git a/src/pages/index/componments/RemoteJob/index.config.js b/src/pages/index/componments/RemoteJob/index.config.js
new file mode 100644
index 0000000..849d74c
--- /dev/null
+++ b/src/pages/index/componments/RemoteJob/index.config.js
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: 'RemoteJob'
+})
diff --git a/src/pages/index/componments/RemoteJob/index.jsx b/src/pages/index/componments/RemoteJob/index.jsx
new file mode 100644
index 0000000..92e1516
--- /dev/null
+++ b/src/pages/index/componments/RemoteJob/index.jsx
@@ -0,0 +1,46 @@
+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,
+  AtDivider,
+} 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 remotework from "@/images/index/remotework.jpg";
+
+import { useEffect, useState } from "react";
+const RemoteJob = () => {
+  const [open, setopen] = useState(false);
+
+  return (
+    <View
+      className="RemoteJob"
+      style={{
+        backgroundImage: `url(${remotework})`,
+        // backgroundColor: "yellow",
+      }}
+    >
+      <View>RemoteJob</View>
+      <AtDivider content="" />
+      <View>1.设计师</View>
+      <View>2.后端工程师</View>
+      <View>3.社交媒体营销</View>
+      <View>3.电商运营</View>
+    </View>
+  );
+};
+
+export default RemoteJob;
diff --git a/src/pages/index/componments/RemoteJob/index.scss b/src/pages/index/componments/RemoteJob/index.scss
new file mode 100644
index 0000000..90941dc
--- /dev/null
+++ b/src/pages/index/componments/RemoteJob/index.scss
@@ -0,0 +1,14 @@
+.RemoteJob{
+    padding: 10px;
+    font-size: 25px;
+    width: 320px;
+    height: 230px;
+    display: flex;
+    flex-direction: column;
+    // align-items: center;
+    // justify-content: center;
+    // background-color: #eaff8f;
+    border-radius: 20px;
+    border: solid 1px #8c8c8c;
+    color: #fff;
+}
\ No newline at end of file
diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index 89e2bb4..aac7d7d 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -18,7 +18,6 @@ import touxiang from "@/images/index/touxiang.jpg";
 import wuhan from "@/images/city/wuhan.jpg";
 import hangzhou from "@/images/city/hangzhou.jpg";
 
-
 import a1 from "@/images/meetup/a1.jpg";
 import a2 from "@/images/meetup/a2.jpg";
 import a3 from "@/images/meetup/a3.jpg";
@@ -30,6 +29,7 @@ import TabbarCom from "@/componments/TabbarCom";
 import QrCode from "@/componments/QrCode";
 import Nomadbook from "@/pages/index/componments/Nomadbook";
 import JoinWechat from "@/pages/index/componments/JoinWechat";
+import RemoteJob from "@/pages/index/componments/RemoteJob";
 
 import { useEffect, useState } from "react";
 // import beijing from "../../images/city/beijing.jpg";
@@ -116,7 +116,7 @@ export default function Index() {
         cityName: "加入微信群",
         imagePath: shanghai,
         isCustom: true,
-        customCom: <JoinWechat />,
+        customCom: <RemoteJob />,
       },
       {
         cityName: "广州",
@@ -124,12 +124,12 @@ export default function Index() {
         isCustom: false,
         customCom: "test",
       },
-      // {
-      //   cityName: "上海",
-      //   imagePath: shanghai,
-      //   isCustom: true,
-      //   customCom: <JoinWechat />,
-      // },
+      {
+        cityName: "RemoteJob",
+        imagePath: shanghai,
+        isCustom: true,
+        customCom: <JoinWechat />,
+      },
       {
         cityName: "深圳",
         imagePath: shenzhen,
@@ -153,8 +153,7 @@ export default function Index() {
         imagePath: hangzhou,
         isCustom: false,
         customCom: "test",
-      }
-
+      },
     ].map((item, index) => {
       return (
         // 设置自动换行
@@ -191,9 +190,9 @@ export default function Index() {
         <View>
           <AtTag
             onClick={() => {
-              Taro.redirectTo({
-                url: "/pages/index/index?wxid=1111111",
-              });
+              // Taro.redirectTo({
+              //   url: "/pages/index/index?wxid=1111111",
+              // });
             }}
             type="primary"
             circle