From 0e9c1c19ce1b9e2f721262821ebd9a9553b916ae Mon Sep 17 00:00:00 2001
From: weifashi <605403358@qq.com>
Date: Fri, 8 Sep 2023 18:46:48 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=BA=94=E7=94=A8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/js/pages/manage/application.vue    |  4 +-
 resources/assets/sass/pages/page-apply.scss   | 55 +++++++++++--------
 2 files changed, 35 insertions(+), 24 deletions(-)

diff --git a/resources/assets/js/pages/manage/application.vue b/resources/assets/js/pages/manage/application.vue
index 2c98205b9..a724316c0 100644
--- a/resources/assets/js/pages/manage/application.vue
+++ b/resources/assets/js/pages/manage/application.vue
@@ -17,8 +17,8 @@
                     <Row :gutter="16">
                         <Col v-for="(item, key) in applyList" :key="key"
                             v-if="((t=='base' && !item.type) || item.type == t) && item.show !== false" 
-                            :xs="{ span: 8 }" 
-                            :sm="{ span: 8 }" 
+                            :xs="{ span: 6 }" 
+                            :sm="{ span: 6 }" 
                             :lg="{ span: 6 }" 
                             :xl="{ span: 6 }" 
                             :xxl="{ span: 3 }"
diff --git a/resources/assets/sass/pages/page-apply.scss b/resources/assets/sass/pages/page-apply.scss
index a12130ace..dddc603e5 100644
--- a/resources/assets/sass/pages/page-apply.scss
+++ b/resources/assets/sass/pages/page-apply.scss
@@ -10,14 +10,14 @@
         display: flex;
         flex-direction: column;
         position: relative;
-        background-color: #fafafa;
+        background-color: #FFFFFF;
 
         .apply-head {
             display: flex;
             align-items: center;
             padding-bottom: 16px;
             margin: 32px 32px 0 32px;
-            border-bottom: 1px solid #F4F4F5;
+            border-bottom: 1px solid #f6f6f6;
 
             .apply-nav {
                 flex: 1;
@@ -47,29 +47,20 @@
                 >div {
                     font-size: 14px;
                     font-weight: normal;
-                    background: #ffffff;
+                    background: #fcfcfc;
                     color: #333333;
                     border-radius: 8px;
-                    padding: 14px;
+                    padding: 12px;
                     display: flex;
                     align-items: center;
                     gap: 10px;
                     cursor: pointer;
                     position: relative;
-                    border: 1px solid #ffffff;
-
-                    @media (max-width: 510px) {
-                        display: block;
-                        text-align: center;
-                    }
+                    border: 1px solid #fcfcfc;
 
                     >img {
                         width: 40px;
                         height: 40px;
-
-                        @media (max-width: 510px) {
-                            margin-bottom: 5px;
-                        }
                     }
                 
                     >p{
@@ -78,9 +69,6 @@
                         display: -webkit-box;
                         -webkit-box-orient: vertical;
                         -webkit-line-clamp: 2;
-                        @media (max-width: 510px) {
-                            -webkit-line-clamp: 1;
-                        }
                     }
 
                     .apply-box-top-report {
@@ -90,6 +78,30 @@
                         padding: 8px;
                     }
                 }
+
+            }
+
+            @media (max-width: 510px) {
+                .ivu-row{
+                    margin-left: -12px !important;
+                    margin-right: -12px !important;
+                }
+                .apply-col {
+                    margin-bottom: 6px;
+                    >div {
+                        display: block;
+                        text-align: center;
+                        padding:12px 0;
+                        background: none;
+                        border-color: #ffffff;
+                        >img {
+                            margin-bottom: 5px;
+                        }
+                        >p{
+                            -webkit-line-clamp: 1;
+                        }
+                    }
+                }
             }
         }
     }
@@ -351,14 +363,13 @@ body.window-portrait {
         }
         .apply-content{
             padding: 16px 20px;
+            .apply-row-title{
+                margin: 8px 0;
+            }
             .apply-col {
-                margin-bottom: 16px;
-    
                 >div {
                     font-size: 12px;
-                    font-weight: bold;
-                    background: none;
-                    border-color: #fafafa;
+                    font-weight: 500;
                 }
             }
         }