perf: 优化已知问题

docker-compose.yml

@@ -96,7 +96,7 @@ services:
   appstore:
     container_name: "dootask-appstore-${APP_ID}"
     privileged: true
-    image: "dootask/appstore:0.1.1"
+    image: "dootask/appstore:0.1.2"
     volumes:
       - shared_data:/usr/share/dootask
       - /var/run/docker.sock:/var/run/docker.sock

resources/assets/js/pages/manage/components/TeamManagement.vue

@@ -3,8 +3,12 @@
         <div class="management-title">
             {{$L('团队管理')}}
             <div class="title-zoom" @click="minBox=!minBox">
-                <i v-if="minBox" class="taskfont">&#xe7d4;</i>
+                <span>
-                <i v-else class="taskfont">&#xe7d3;</i>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <rect width="18" height="18" x="3" y="3" rx="2"></rect>
+                        <path d="M9 3v18"></path>
+                    </svg>
+                </span>
             </div>
             <div class="title-icon">
                 <Loading v-if="loadIng > 0"/>

resources/assets/sass/components/img-update.scss

@@ -12,20 +12,22 @@
     }
 }
 
+.common-img-update {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+}
+
 .imgcomp-upload-list {
     display: inline-block;
     width: 60px;
     height: 60px;
     text-align: center;
     line-height: 60px;
-    border: 1px solid transparent;
     border-radius: 4px;
     overflow: hidden;
     background: #fff;
     position: relative;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-    margin-right: 4px;
-    vertical-align: top;
 
     .imgcomp-upload-img {
         position: absolute;
@@ -48,19 +50,19 @@
         flex-direction: row;
         align-items: center;
         justify-content: center;
-    }
 
-    .imgcomp-upload-list-cover i {
+        i {
-        color: #fff;
+            color: #fff;
-        font-size: 24px;
+            font-size: 24px;
-        cursor: pointer;
+            cursor: pointer;
-        vertical-align: middle;
+            vertical-align: middle;
-        margin: 0;
+            margin: 0;
-        transition: all .2s;
+            transition: all .2s;
-    }
 
-    .imgcomp-upload-list-cover i:hover {
+            &:hover {
-        font-size: 28px;
+                font-size: 28px;
+            }
+        }
     }
 
     .ivu-progress {
@@ -119,6 +121,10 @@
         justify-content: center;
         width: 100%;
         height: 100%;
+
+        > i {
+            pointer-events: none;
+        }
     }
 
     .add-box-upload {

resources/assets/sass/pages/components/dialog-wrapper.scss

@@ -378,6 +378,7 @@
                 background-color: #ffffff;
                 display: flex;
                 align-items: center;
+                border-radius: 18px;
                 .search-location {
                     margin-left: 14px;
                     display: flex;

resources/assets/sass/pages/components/team-management.scss

@@ -23,11 +23,27 @@
             align-items: center;
             height: 20px;
             line-height: 20px;
-            margin-left: 6px;
+            margin-left: 12px;
 
-            > i {
+            > span {
                 cursor: pointer;
-                font-size: 24px;
+                border: 1px solid #d9d9d9;
+                border-radius: 6px;
+                width: 26px;
+                height: 26px;
+                padding: 4px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                &:hover {
+                    background-color: #f5f5f5;
+                }
+
+                > svg {
+                    width: 18px;
+                    height: 18px;
+                }
             }
         }
 

resources/assets/sass/pages/page-apply.scss

@@ -88,8 +88,6 @@
         }
 
         @media (max-width: 510px) {
-            background-color: #FFFFFF;
-
             .apply-row-title {
                 margin-bottom: 8px !important;
             }
@@ -128,7 +126,6 @@
                 }
             }
         }
-
     }
 }
 
@@ -513,17 +510,21 @@
 
 body.window-portrait {
     .page-apply {
-        .apply-head {
+        .apply-wrapper {
-            margin: 24px 24px 0 24px;
+            background-color: #FFFFFF;
-        }
 
-        .apply-content {
+            .apply-head {
-            padding: 16px 20px;
+                margin: 24px 24px 0 24px;
+            }
 
-            .apply-col {
+            .apply-content {
-                > div {
+                padding: 16px 20px;
-                    font-size: 12px;
+
-                    font-weight: 500;
+                .apply-col {
+                    > div {
+                        font-size: 12px;
+                        font-weight: 500;
+                    }
                 }
             }
         }

resources/assets/sass/pages/page-manage.scss

@@ -488,6 +488,12 @@ body.window-portrait {
         .manage-box-menu {
             display: none;
         }
+        .manage-box-main {
+            .manage-status-bar,
+            .manage-navigation-bar {
+                display: none;
+            }
+        }
         &.show-tabbar {
             .manage-box-main {
                 margin-bottom: 60px;