diff --git a/src/assets/img/detail/comment.png b/src/assets/img/detail/comment.png
new file mode 100755
index 0000000..d3f6b85
Binary files /dev/null and b/src/assets/img/detail/comment.png differ
diff --git a/src/assets/img/detail/eye.png b/src/assets/img/detail/eye.png
new file mode 100755
index 0000000..c9afa70
Binary files /dev/null and b/src/assets/img/detail/eye.png differ
diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index c873af5..ccf6bb3 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -1,6 +1,17 @@
 <template>
     <div class="container">
-        <div class=""></div>
+        <div class="detail-head flexacenter">
+            <div class="detail-section">版块：<span class="section-name">香港澳门台湾留学申请</span></div>
+            <div class="detail-data flexacenter">
+                <div class="detail-data-item">
+                    <img class="" src="@/assets/img/detail/eye.png">10378
+                </div>
+
+                <div class="detail-data-item">
+                    <img class="" src="@/assets/img/detail/comment.png">16
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -27,5 +38,23 @@ export default {
 <style lang="scss" scoped>
 .container {
     margin-top: 1.3rem;
+
+    .detail-head {
+        color: #7F7F7F;
+        padding: 0 0.2933rem;
+
+        .detail-section {
+            justify-content: space-between;
+            font-size: .32rem;
+
+            .section-name {
+                color: #333;
+            }
+        }
+
+        .detail-data {
+            .detail-data-item {}
+        }
+    }
 }
 </style>
\ No newline at end of file