diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index 88abb1e..9cc1ebd 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -20,17 +20,44 @@
 
         <!--  -->
         <div class="card flexflex">
-
             <div class="card-item shadow">
-                <div class="card-head">
-                    <img class="card-head-icon" src="" />
-                    <div class="card-head-content flexflex">
-                        <div class="card-head-name">闫旭Mike</div>
+                <div class="card-head flexacenter">
+                    <img class="card-head-icon"
+                        src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" />
+                    <div class="card-head-content flex1 flexflex">
+                        <div class="card-head-name flexcenter">闫旭Mike <div class="landlord">楼主</div>
+                        </div>
                         <div class="card-head-time">2022-7-6 14:56</div>
                     </div>
-                    <div class="card-head-fool"></div>
+                    <div class="card-head-fool">1楼</div>
+                </div>
+
+                <div class="card-content">
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+                    之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
+
+
                 </div>
             </div>
+
+
         </div>
 
 
@@ -147,15 +174,52 @@ export default {
             background: #fff;
 
             .card-head {
+                padding: .48rem .32rem;
+                border-bottom: .0133rem solid #ebebeb;
 
                 .card-head-icon {
                     width: .96rem;
                     height: .96rem;
                     border-radius: 50%;
-                    
+                    margin-right: .28rem;
                 }
 
-                .card-head-content {}
+                .card-head-content {
+                    flex-direction: column;
+
+                    .card-head-name {
+                        color: #333;
+                        font-size: .32rem;
+                        margin-bottom: .08rem;
+
+                        .landlord {
+                            color: rgb(127, 127, 127);
+                            font-size: .26rem;
+                            width: .64rem;
+                            height: .44rem;
+                            border: rgb(215, 215, 215);
+                            background: rgb(240, 242, 245);
+                            border-radius: .1rem;
+                        }
+                    }
+
+                    .card-head-time {
+                        color: rgb(127, 127, 127);
+                        font-size: .28rem;
+                    }
+                }
+
+                .card-head-fool {
+                    color: rgb(127, 127, 127);
+                    font-size: .32rem;
+                }
+            }
+
+            .card-content {
+                color: #333;
+                font-size: .36rem;
+                line-height: .6rem;
+                padding: .5rem .32rem;
             }
         }
     }