From e54cb898a0803abd22cec576f810e9eef8c71f87 Mon Sep 17 00:00:00 2001
From: zhaofang <752743406@qq.com>
Date: Wed, 14 Sep 2022 17:09:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/homepage/Index.vue | 42 +++++++++++++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 5 deletions(-)

diff --git a/src/views/homepage/Index.vue b/src/views/homepage/Index.vue
index 5ca9a9c0..20e29c59 100644
--- a/src/views/homepage/Index.vue
+++ b/src/views/homepage/Index.vue
@@ -46,12 +46,18 @@
                 <div style="width:200px"></div>
             </div>
             <div class="home-page-right">
-                <ul>
-                    <li>456</li>
-                    <li></li>
+                <ul class="total-per">
+                    <li class="per-li">
+                        <span class="per-info">456</span>
+                        <span class="per-text">关注他的人</span>
+                    </li>
+                    <li class="per-li">
+                        <span class="per-info">456</span>
+                        <span class="per-text">他关注的人</span>
+                    </li>
                 </ul>
                 <div>
-                    <p>TA的成就</p>
+                    <p class="ach-title">TA的成就</p>
                     <ul>
                         <li>
                             <img src="/images/medal.png" alt="">
@@ -61,7 +67,7 @@
                     </ul>
                 </div>
                 <div>
-                    <p>可能感兴趣</p>
+                    <p class="ach-title">可能感兴趣</p>
                     <ul>
                         <li>
                             <img src="/images/Avatarwoman.png" />
@@ -124,6 +130,32 @@
                 background: #fff;
                 border-radius: 4px;
                 margin-left: 25px;
+                .total-per{
+                    display: flex;
+                    justify-content: space-between;
+                    padding-bottom: 28px;
+                    border-bottom: 1px solid #999999;
+                    .per-li{
+                        width: 90px;
+                        text-align: center;
+                        .per-info{
+                        display: block;
+                        font-size: 28px;
+                        font-weight: 600;
+                        color: #333333;
+                       }
+                       .per-text{
+                        font-size: 14px;
+                        color: #666666;
+                       }
+                    }
+                    
+                }
+                .ach-title{
+                    font-size: 18px;
+                    font-weight: 600;
+                    color: #333333;
+                }
             }
         }
      }