diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index 80d2bd3..1eefb55 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -30,7 +30,6 @@ import phone from "../../images/phone.png";
 import robot from "../../images/robot.png";
 import nomad from "../../images/nomad.png";
 
-
 // export default class Index extends Component {
 const Index = () => {
   const [current, setcurrent] = useState(0);
@@ -155,38 +154,50 @@ const Index = () => {
             arrow="right"
             // hasBorder={false}
             thumb={phone}
-            onClick={() => {}}
+            onClick={() => {
+             window.location.href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3403853254399082501#wechat_redirect"
+            }}
           />
           <AtListItem
             title="微信机器人"
             arrow="right"
             // hasBorder={false}
             thumb={robot}
-            onClick={() => {}}
+            onClick={() => {
+              window.location.href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3545545030499270661#wechat_redirect"
+            }}
           />
           <AtListItem
             title="数字游民"
             arrow="right"
             // hasBorder={false}
             thumb={nomad}
-            onClick={() => {}}
+            onClick={() => {
+              window.location.href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3545541605766168582#wechat_redirect"
+            }}
           />
         </AtList>
       </View>
 
+      {/* 软件下载 */}
       <View className="software">
         <View className="emojiTitle">
           <span style={{ color: "green" }}>|</span> 我写的软件工具
         </View>
         <View className="emojitext">
-          markdown转emoji编辑器
+          <View>
+            <AtIcon value="file-generic" size="30" color="#F00"></AtIcon>{" "}
+            markdown转emoji编辑器
+          </View>
+          <AtIcon value="download-cloud" size="30" color="#F00"></AtIcon>
         </View>
-        <View className="software-emoji">
+
+        {/* <View className="software-emoji">
           <Image
             style="width: 80%;height: 240px;background: #fff;"
             src={emoji}
           />
-        </View>
+        </View> */}
       </View>
 
       <View className="index-meetup animate__animated animate__pulse">
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
index 7d853db..51b9948 100644
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -23,7 +23,7 @@
   }
 
   .index-article {
-    margin-top: 40px;
+    margin-top: 60px;
     // background-color: yellow;
     font-size: 30px;
     .spanText {
@@ -32,17 +32,22 @@
   }
 
   .index-list {
-    margin-top: 40px;
+    margin-top: 60px;
   }
 
   .software {
-    margin-top: 40px;
+    margin-top: 60px;
     font-size: 30px;
+    padding: 30px;
     .emojiTitle{
       color: rgb(99 102 241);
     }
     .emojitext {
-      font-size: 24px;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 28px;
     }
     .software-emoji {
       display: flex;
@@ -53,7 +58,7 @@
   }
 
   .index-meetup {
-    margin-top: 40px;
+    margin-top: 60px;
 
     .meetup-card {
       display: flex;