From fe891eeb65050f1f2c93a9ae7ba73fc4c86f6b77 Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Fri, 31 Mar 2023 17:40:11 +0800
Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=8E=202023/03/31=20-17:40:02?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/detail/detailIndex.vue | 128 +++++++++++++++++++++----------
 1 file changed, 89 insertions(+), 39 deletions(-)

diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index 899308d..4b3edd0 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -20,6 +20,36 @@
 
         <!--  -->
         <div class="card flexcenter">
+            <!-- 总结 -->
+            <div class="card-item shadow">
+                <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 flexflex">闫旭Mike</div>
+                        <div class="card-head-time">2022-7-6 14:56</div>
+                    </div>
+                    <div class="card-head-fool">楼主</div>
+                </div>
+                <div class="summary-content">
+                    <div class="summary-content-item">
+                        <div class="summary-offer-head flexacenter">
+                            <span>Offer1</span>
+                        </div>
+                    </div>
+
+
+                    <div class="examine-btn flexcenter">
+                        查看当前捷报详情
+                        <div class="examine-btn-outside flexcenter">
+                            <svg-icon icon-class="arrowsBlackLeft" class-name="examine-btn-icon"></svg-icon>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <!-- offer -->
             <div class="card-item shadow">
                 <div class="card-head flexacenter">
                     <img class="card-head-icon"
@@ -31,20 +61,21 @@
                     <div class="card-head-fool">楼主</div>
                 </div>
                 <div class="offer-content">
-                    <div class="offer-content-item flexacenter" v-for="item in 7" :key="item">
-                        <div class="offer-content-key">申请专业</div>
-                        <div class="offer-content-value">韦仕敦大学</div>
-                    </div>
-                    <div class="examine-victory-btn flexcenter">
-                        查看当前捷报详情
-                        <div class="examine-victory-btn-outside flexcenter">
-                            <svg-icon icon-class="arrowsBlackLeft" class-name="examine-victory-btn-icon"></svg-icon>
-                        </div>
+                    <div class="offer-content-box">
 
+                        <div class="offer-content-item flexacenter" v-for="item in 7" :key="item">
+                            <div class="offer-content-key">申请专业</div>
+                            <div class="offer-content-value">韦仕敦大学</div>
+                        </div>
+                    </div>
+
+                    <div class="examine-btn flexcenter">
+                        查看当前捷报详情
+                        <div class="examine-btn-outside flexcenter">
+                            <svg-icon icon-class="arrowsBlackLeft" class-name="examine-btn-icon"></svg-icon>
+                        </div>
                     </div>
                 </div>
-
-
             </div>
 
 
@@ -526,43 +557,62 @@ export default {
             .offer-content {
                 padding: .56rem .32rem;
 
-                .offer-content-item {
-                    line-height: .6rem;
+                .offer-content-box {
 
-                    .offer-content-key {
-                        font-size: .32rem;
-                        color: #7f7f7f;
-                        width: 2.04rem;
 
-                    }
+                    .offer-content-item {
+                        line-height: .6rem;
 
-                    .offer-content-value {
-                        font-size: .36rem;
-                        color: #333;
-                    }
-
-                    margin-bottom: .52rem;
-                }
-
-                .examine-victory-btn {
-                    color: #333;
-                    font-size: .3rem;
-
-                    .examine-victory-btn-outside {
-                        width: .4rem;
-                        height: .4rem;
-                        margin-left: .24rem;
-                        background: #50e3c2;
-
-                        .examine-victory-btn-icon {
-                            width: .22rem;
-                            height: .24rem;
+                        &:not(:last-of-type) {
+                            margin-bottom: .52rem;
                         }
 
+                        .offer-content-key {
+                            font-size: .32rem;
+                            color: #7f7f7f;
+                            width: 2.04rem;
+
+                        }
+
+                        .offer-content-value {
+                            font-size: .36rem;
+                            color: #333;
+                        }
+
+
+
+                    }
+                }
+
+            }
+
+            .examine-btn {
+                color: #333;
+                font-size: .3rem;
+                background: rgba(242, 242, 242, 1);
+                height: .96rem;
+                border-radius: 4.1rem;
+                margin-top: .52rem;
+
+                .examine-btn-outside {
+                    width: .4rem;
+                    height: .4rem;
+                    margin-left: .24rem;
+                    background: #fddf6d;
+                    border-radius: 50%;
+
+                    .examine-btn-icon {
+                        width: .22rem;
+                        height: .24rem;
                     }
                 }
             }
 
+            .summary-content {
+                padding: .56rem .32rem;
+            }
+
+
 
         }
     }