diff --git a/src/pages/index/index.config.js b/src/pages/index/index.config.js
index e17eab8..0d83be3 100644
--- a/src/pages/index/index.config.js
+++ b/src/pages/index/index.config.js
@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: '异度星球'
+  navigationBarTitleText: '数字游民工具箱'
 }
diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index 60e1362..b52d27c 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -13,14 +13,25 @@ import { AtSearchBar } from "taro-ui";
 import { Picker } from "@tarojs/components";
 import { AtList, AtListItem } from "taro-ui";
 import { AtNavBar } from "taro-ui";
-import { AtModal, AtModalHeader, AtModalContent, AtModalAction } from "taro-ui";
+import {
+  AtModal,
+  AtModalHeader,
+  AtModalContent,
+  AtModalAction,
+  AtAvatar,
+  AtAccordion,
+} from "taro-ui";
 import { AtToast } from "taro-ui";
 import { AtIcon } from "taro-ui";
+import { VIEW } from "@tarojs/runtime";
 
 // export default class Index extends Component {
 const Index = () => {
   const [current, setcurrent] = useState(0);
   const [openId, setopenId] = useState(null);
+  const [open, setopen] = useState(false);
+  const [referer, setreferer] = useState(window.document.referrer);
+
 
   const [isOpened, setisOpened] = useState(false);
   const [joinMeetup, setjoinMeetup] = useState(false);
@@ -58,13 +69,51 @@ const Index = () => {
   };
 
   useEffect(() => {
+    
     getOpenid();
   }, []);
 
   const goBack = () => {
     Taro.navigateBack({});
   };
-  return <View className="index"></View>;
+
+  const handleClick = (value) => {
+    // window.alert(value)
+    setopen(value);
+  };
+  return (
+    <View className="index">
+      <View>公众号:异度世界</View>
+      <View>referer={document.referrer}</View>
+
+      <View className="content">
+        <View>
+          1.微信机器人
+          <br />
+          2.大众点评-探店
+          <br />
+          3.云手机
+          <br />
+          4.数字游民-工具箱
+          <br />
+          5.youtube频道
+          <br />
+          6.wordpress博客
+          <br />
+          7.如何出版一本书
+          <br />
+          8.AI: gpt对话/文生图/srt字幕/配音
+          <br />
+          9. electron软件-emoji编辑器
+          <br />
+        </View>
+      </View>
+
+      <View className="payBtn">
+        <AtButton type="primary">立即购买 -- 29.8元</AtButton>
+      </View>
+    </View>
+  );
 };
 
 export default Index;
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
index b2421aa..5d0090c 100644
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -1,57 +1,20 @@
 .index {
-  display: flex;
-  flex-direction: column;
-  // align-items: center;
-  justify-content: center;
-  .indexSwiper {
-    // margin-top: 20px;
-    padding: 20px;
 
-    .demo-text {
-      // display: flex;
-      // flex-direction: column;
-      // align-items: center;
-      // justify-content: center;
-      // background-color: yellow;
-      height: 300px;
-      width: 100%;
-      // padding: 20px;
-      // Image{
-      //     width: 90%;
-      // }
-    }
-  }
+  // background-color: #002329;
+  width: 100vw;
+  height: 100vh;
 
-  .meetupCard {
-    display: flex;
+  .content {
+    font-size: 28px;
     flex-direction: row;
-    .right {
-      // background-color: yellow;
-      width: 100%;
-      margin-left: 20px;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      .down {
-        width: 200px;
-        // background-color: aqua;
-        position: relative;
-        bottom: 10px;
-        right: -120px;
-        // display: flex;
-        // flex-direction: column-reverse;
-        // justify-content:flex-end
-        // position: relative;
-        .submitBtn {
-          // width: 200px;
-          // position: absolute;
-          // right: 0px;
-        }
-      }
-    }
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    // color: aliceblue;
+    
   }
 
-  .indexTablebar {
+  .payBtn {
     position: fixed;
     bottom: 0;
     width: 100%;