优化顶部导航显示与交互

Tevin

2020-12-29 e717135aa986827ebf0a42cdee70ebf888d98987

优化顶部导航显示与交互

 layout/h5Page/CNavBar.vue

@@ -69,7 +69,7 @@
            }, 500);
        },
        outCloseMenu(evt) {
            (() => {
            setTimeout(() => {
                // 未打开时，忽略
                if (!this.dropShow) {
                    return;
@@ -79,12 +79,16 @@
                    return;
                }
                // 点击了菜单项，忽略
                if (evt.target.className.indexOf('c-nav-bar-drop-item') >= 0) {
                const className = evt.target.className;
                if (
                    className.indexOf('c-nav-bar-drop-item') >= 0 ||
                    className.indexOf('at-nav-bar__container') >= 0
                ) {
                    return;
                }
                // 执行关闭
                this.dropShow = false;
            })();
            }, 0);
        },
    },
    mounted() {

 layout/h5Page/cNavBar.scss

@@ -30,6 +30,7 @@
        }
        .at-icon-bullet-list {
            margin-right: 6PX;
            pointer-events: none;
        }
    }
    .at-nav-bar__container--hide {
@@ -57,9 +58,9 @@
                border-radius: 0.1rem;
                box-shadow: rgba(#000, 0.1) 0 1PX 1PX 1PX;
                .item {
                    padding: 0 0.4rem;
                    padding: 0 0.45rem;
                    text-align: center;
                    line-height: 1.45rem;
                    line-height: 1.6rem;
                    font-size: 0.65rem;
                    @include ellipsis(100%);
                    box-sizing: border-box;