perf: 优化适配ipad

2022-05-22 02:06:31 +08:00
parent 09ed329967
commit 7033f00a0e
25 changed files with 46 additions and 75 deletions
@@ -8,7 +8,7 @@
 /*!
 * The buffer module from node.js, for the browser.
 *
- * @author   Feross Aboukhadijeh <http://feross.org>
+ * @author   Feross Aboukhadijeh <https://feross.org>
 * @license  MIT
 */

@@ -8,7 +8,7 @@
 /*!
 * The buffer module from node.js, for the browser.
 *
- * @author   Feross Aboukhadijeh <http://feross.org>
+ * @author   Feross Aboukhadijeh <https://feross.org>
 * @license  MIT
 */

@@ -8,7 +8,7 @@
 /*!
 * The buffer module from node.js, for the browser.
 *
- * @author   Feross Aboukhadijeh <http://feross.org>
+ * @author   Feross Aboukhadijeh <https://feross.org>
 * @license  MIT
 */

@@ -8,7 +8,7 @@
 /*!
 * The buffer module from node.js, for the browser.
 *
- * @author   Feross Aboukhadijeh <http://feross.org>
+ * @author   Feross Aboukhadijeh <https://feross.org>
 * @license  MIT
 */

@@ -1 +1 @@
-c528fd45f7476dd8
+5400f6fdf941be51
@@ -40,7 +40,7 @@ export default {
        style() {
            return {
                top: this.y + 'px',
-                left: this.x > 30 && this.show ? 0 : '-50px',
+                left: this.x > 20 && this.show ? 0 : '-50px',
            }
        },
    },
@@ -55,7 +55,7 @@ export default {
        touchstart(event) {
            this.getXY(event)
            // 判断是否是边缘滑动
-            this.show = this.canBack() && this.x < 30;
+            this.show = this.canBack() && this.x < 20;
        },

        touchmove(event) {
@@ -192,6 +192,10 @@ export default {
    computed: {
        ...mapState(['userId', 'windowWidth', 'themeMode', 'themeIsDark', 'themeList',]),

+        isSoftware() {
+            return this.$Electron || this.$isEEUiApp;
+        },
+
        currentLanguage() {
            return this.languageList[this.languageType] || "Language";
        },
@@ -218,7 +222,7 @@ export default {
        },

        getNeedStartHome() {
-            if (this.$Electron) {
+            if (this.isSoftware) {
                this.needStartHome = false;
                if (this.userId > 0) {
                    this.goForward({name: 'manage-dashboard'}, true);
@@ -24,6 +24,7 @@
            <EPopover
                v-model="showMore"
                :visibleArrow="false"
+                placement="top"
                popperClass="chat-input-more-popover">
                <ETooltip slot="reference" ref="moreTip" :disabled="!$isDesktop || showMore" placement="top" :content="$L('展开')">
                    <i class="taskfont">&#xe790;</i>
@@ -171,7 +171,7 @@
    opacity: 0;
 }

-@media (max-width: 640px) {
+@media (max-width: 768px) {
    .mobile-tabbar {
        display: flex;
    }
@@ -255,13 +255,13 @@
    .page-dashboard {
        .dashboard-wrapper {
            display: block;
-            max-height: 86%;
+            max-height: 96%;
            .dashboard-hello,
            .dashboard-desc ,
            .dashboard-block ,
            .dashboard-list .dashboard-title,
            .dashboard-list .dashboard-ul {
-                max-width: 86%;
+                max-width: 96%;
            }
            .dashboard-block {
                display: block;
@@ -281,17 +281,3 @@
        }
    }
 }
-@media (max-width: 640px) {
-    .page-dashboard {
-        .dashboard-wrapper {
-            max-height: 96%;
-            .dashboard-hello,
-            .dashboard-desc ,
-            .dashboard-block ,
-            .dashboard-list .dashboard-title,
-            .dashboard-list .dashboard-ul {
-                max-width: 96%;
-            }
-        }
-    }
-}
@@ -427,6 +427,11 @@

@media (max-width: 768px) {
    .page-manage {
+        &.show-tabbar {
+            .manage-box-main {
+                margin-bottom: 60px;
+            }
+        }
        .manage-box-menu {
            position: fixed;
            z-index: 49;
@@ -440,7 +445,8 @@
            }
        }
        .manage-mini-menu {
-            display: flex;
+            //display: flex;    // todo 可以去除mini了
+            display: none;
            align-items: center;
            justify-content: center;
            width: 46px;
@@ -454,15 +460,3 @@
        }
    }
 }
-@media (max-width: 640px) {
-    .page-manage {
-        &.show-tabbar {
-            .manage-box-main {
-                margin-bottom: 60px;
-            }
-        }
-        .manage-mini-menu {
-            display: none;
-        }
-    }
-}
@@ -397,26 +397,6 @@
                max-width: none;
                background-color: #ffffff;
                z-index: 48;
-            }
-            .messenger-msg {
-                z-index: 49;
-                transition: transform 0.2s;
-                transform: translateX(120%);
-                .msg-dialog-bg {
-                    display: none;
-                }
-                &.show768 {
-                    transform: translateX(0);
-                }
-            }
-        }
-    }
-}
-
-@media (max-width: 640px) {
-    .page-messenger {
-        .messenger-wrapper {
-            .messenger-select {
                .messenger-search {
                    background-color: #f8f8f8;
                    .search-wrapper {
@@ -432,6 +412,17 @@
                    opacity: 0;
                }
            }
+            .messenger-msg {
+                z-index: 49;
+                transition: transform 0.2s;
+                transform: translateX(120%);
+                .msg-dialog-bg {
+                    display: none;
+                }
+                &.show768 {
+                    transform: translateX(0);
+                }
+            }
        }
    }
 }
@@ -307,11 +307,6 @@
                }
            }
        }
-    }
-}
-
-@media (max-width: 640px) {
-    .page-setting {
        .setting-item {
            .setting-footer {
                display: flex;