diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index 6fc1e47..fcc3a17 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -193,7 +193,27 @@ const Index = () => {
 
   return (
     <View className="Index">
-      <View  className="header">导航/图书/好物/活动/工具箱/关于我们</View>
+      <View className="header">
+        <View className="headerTag">
+          {["导航", "图书", "好物", "活动", "工具箱", "关于我们"].map(
+            (item, index) => {
+              return (
+                <AtTag
+                className="AtTag"
+                  name={item}
+                  type="primary"
+                  circle
+                  size="small"
+                  active={true}
+                  onClick={() => {}}
+                >
+                  {item}
+                </AtTag>
+              );
+            }
+          )}
+        </View>
+      </View>
       <View className="up">
         <View className="upText">
           📣数字游民CNA,是针对中国用户的城市数据统计
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
index e05961f..0c6ae86 100644
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -4,6 +4,20 @@
   display: flex;
   flex-direction: column;
   background-color: #fafafa;
+
+  .header{
+    .headerTag{
+      // height: 100%;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      // justify-content: space-between;
+      .AtTag{
+        margin-right: 10px;
+
+      }
+    }
+  }
   .up {
     width: 100%;
     min-height: 100px;