From 0fce0c2386747c8f90ac4e5eae9a74d27f6a4659 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 9 May 2024 16:08:44 +0900
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../setting/components/SystemCheckin.vue      |  2 +-
 .../setting/components/SystemEmailSetting.vue |  4 +-
 resources/assets/sass/pages/common.scss       | 60 +++++++++++++++++
 resources/assets/sass/pages/page-apply.scss   | 64 +------------------
 resources/assets/sass/pages/page-setting.scss | 45 -------------
 5 files changed, 66 insertions(+), 109 deletions(-)

diff --git a/resources/assets/js/pages/manage/setting/components/SystemCheckin.vue b/resources/assets/js/pages/manage/setting/components/SystemCheckin.vue
index 966d77093..9a254f729 100644
--- a/resources/assets/js/pages/manage/setting/components/SystemCheckin.vue
+++ b/resources/assets/js/pages/manage/setting/components/SystemCheckin.vue
@@ -72,7 +72,7 @@
             </div>
 
             <template v-if="formData.open === 'open' && formData.modes.includes('auto')">
-                <div class="block-setting-placeholder"></div>
+                <div class="block-setting-space"></div>
                 <div class="block-setting-box">
                     <h3>{{ $L('自动签到') }}</h3>
                     <div class="form-box">
diff --git a/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue b/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
index 9478173a6..efc7f5751 100644
--- a/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
+++ b/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
@@ -22,7 +22,7 @@
                 </div>
             </div>
 
-            <div class="block-setting-placeholder"></div>
+            <div class="block-setting-space"></div>
 
             <div class="block-setting-box">
                 <h3>{{ $L('邮件通知设置') }}</h3>
@@ -62,7 +62,7 @@
                 </div>
             </div>
 
-            <div class="block-setting-placeholder"></div>
+            <div class="block-setting-space"></div>
 
             <div class="block-setting-box">
                 <h3>{{ $L('忽略邮箱地址') }}</h3>
diff --git a/resources/assets/sass/pages/common.scss b/resources/assets/sass/pages/common.scss
index 35e937fd1..92d98fb34 100755
--- a/resources/assets/sass/pages/common.scss
+++ b/resources/assets/sass/pages/common.scss
@@ -774,3 +774,63 @@ body.window-portrait {
     }
 }
 
+/*设置box*/
+.block-setting-box {
+    position: relative;
+    padding: 0 24px 4px;
+    margin: 8px 0 16px;
+    &:before {
+        content: "";
+        position: absolute;
+        top: 17px;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        border: 1px solid #eeeeee;
+        border-radius: 8px;
+        transition: box-shadow 0.3s;
+        pointer-events: none;
+    }
+    &:hover {
+        &:before {
+            box-shadow: 0 0 10px #e6ecfa;
+        }
+    }
+    h3 {
+        position: sticky;
+        top: 0;
+        left: 24px;
+        z-index: 2;
+        line-height: 32px;
+        box-sizing: content-box;
+        padding: 0 10px;
+        border-radius: 4px;
+        display: inline-block;
+        background-color: #ffffff;
+        border: 1px solid #eeeeee;
+        font-size: 15px;
+        font-weight: 500;
+    }
+
+    .form-box {
+        margin-top: 24px;
+        overflow: auto;
+    }
+
+    .ivu-form-item {
+        .ivu-form {
+            padding: 12px 0 0 0;
+            .ivu-form-item {
+                margin-bottom: 8px;
+                .ivu-form-item-content {
+                    display: flex;
+                    align-items: center;
+                }
+            }
+        }
+    }
+
+}
+.block-setting-space {
+    height: 8px;
+}
diff --git a/resources/assets/sass/pages/page-apply.scss b/resources/assets/sass/pages/page-apply.scss
index 56b24eaf2..06940e956 100644
--- a/resources/assets/sass/pages/page-apply.scss
+++ b/resources/assets/sass/pages/page-apply.scss
@@ -74,7 +74,7 @@
                         text-overflow: ellipsis;
                         display: -webkit-box;
                         -webkit-box-orient: vertical;
-                        -webkit-line-clamp: 2;
+                        -webkit-line-clamp: 1;
                     }
 
                     .apply-box-top-report {
@@ -243,9 +243,8 @@
         flex: 1;
         padding: 8px 30px;
 
-        //
-        .setting-component-item,
-        .setting-item {
+        .setting-item,
+        .setting-component-item {
             position: absolute;
             top: 0;
             left: 0;
@@ -261,7 +260,6 @@
                 flex: 1;
 
                 .ivu-form-item {
-                    padding: 12px 0 0 0;
                     .ivu-form-item .ivu-form-item-content {
                         display: flex;
 
@@ -270,56 +268,6 @@
 
                         }
                     }
-
-                }
-
-            }
-
-
-            .block-setting-box {
-                position: relative;
-                padding: 24px 24px 4px;
-                margin: 24px 0 12px;
-                border-radius: 8px;
-                border: 1px solid #eeeeee;
-                transition: box-shadow 0.3s;
-
-                @media (max-width: 420px) {
-                    .block-setting-advance{
-                        >.ivu-form-item{
-                            display: flex;
-                            flex-direction: column;
-                            .ivu-form-item-label{
-                                text-align: left;
-                            }
-                        }
-                    }
-                }
-
-                @media (max-width: 460px) {
-                    .block-setting-msg-unread{
-                        >.ivu-form-item{
-                            display: flex;
-                            flex-direction: column;
-                            .ivu-form-item-label{
-                                text-align: left;
-                            }
-                        }
-                    }
-                }
-
-                h3 {
-                    position: absolute;
-                    top: 0;
-                    left: 24px;
-                    padding: 4px 10px;
-                    border-radius: 4px;
-                    display: inline-block;
-                    background-color: #ffffff;
-                    border: 1px solid #eeeeee;
-                    font-size: 15px;
-                    font-weight: 500;
-                    transform: translateY(-50%)
                 }
             }
 
@@ -455,13 +403,7 @@
         .aibot-warp {
             position: relative;
             height: 100%;
-            .ivu-form {
-                overflow: hidden;
-                padding: 0;
-                margin: 0 30px;
-            }
         }
-
     }
 }
 
diff --git a/resources/assets/sass/pages/page-setting.scss b/resources/assets/sass/pages/page-setting.scss
index 9588481f3..50f3afedc 100755
--- a/resources/assets/sass/pages/page-setting.scss
+++ b/resources/assets/sass/pages/page-setting.scss
@@ -267,51 +267,6 @@
                             .setting-footer {
                                 margin: 0 -32px;
                             }
-                            .block-setting-box {
-                                position: relative;
-                                padding: 44px 24px 4px;
-                                margin: 24px 0 12px;
-                                border-radius: 8px;
-                                border: 1px solid #eeeeee;
-                                transition: box-shadow 0.3s;
-                                &:hover {
-                                    box-shadow: 0 0 10px #e6ecfa;
-                                }
-                                h3 {
-                                    position: absolute;
-                                    top: 0;
-                                    left: 24px;
-                                    padding: 4px 10px;
-                                    border-radius: 4px;
-                                    display: inline-block;
-                                    background-color: #ffffff;
-                                    border: 1px solid #eeeeee;
-                                    font-size: 15px;
-                                    font-weight: 500;
-                                    transform: translateY(-50%);
-                                }
-
-                                .form-box {
-                                    overflow: auto;
-                                }
-
-                                .ivu-form-item {
-                                    .ivu-form {
-                                        padding: 12px 0 0 0;
-                                        .ivu-form-item {
-                                            margin-bottom: 8px;
-                                            .ivu-form-item-content {
-                                                display: flex;
-                                                align-items: center;
-                                            }
-                                        }
-                                    }
-                                }
-
-                            }
-                            .block-setting-placeholder {
-                                height: 8px;
-                            }
                             .export-data {
                                 margin-top: 6px;
                                 > p {