a1300399510@qq.com 提交于 2023/03/30 -16:40:01

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>