WebApp【公共组件库】@前端(For Git Submodule)
Tevin
2020-12-30 e70d240522af1aae7eea3b6441596cc0ae61a157
layout/h5Page/CNavBar.vue
@@ -3,9 +3,9 @@
        <AtNavBar
            :title="title"
            leftIconType="chevron-left"
            :onClickLeftIcon="evt=>goBack()"
            :onClickLeftIcon="evt=>onGoBack()"
            :rightFirstIconType="dropNav ? 'bullet-list' : ''"
            :onClickRgIconSt="evt=>dropMenu()"
            :onClickRgIconSt="evt=>onDropMenu()"
        />
        <view
            class="c-nav-bar-drop"
@@ -18,7 +18,7 @@
                        class="c-nav-bar-drop-item item"
                        v-for="(nav,index) in dropNav"
                        :key="index"
                        @tap="evt=>goNav(nav)"
                        @tap="evt=>onGoNav(nav)"
                    >{{nav.title}}</view>
                </view>
            </view>
@@ -48,10 +48,10 @@
        };
    },
    methods: {
        goBack() {
        onGoBack() {
            window.history.go(-1);
        },
        goNav(nav) {
        onGoNav(nav) {
            if (!nav.url) {
                return;
            }
@@ -60,7 +60,7 @@
                Taro.navigateTo({ url: nav.url });
            }, 0);
        },
        dropMenu() {
        onDropMenu() {
            this.dropShow = !this.dropShow;
            this.dropActive = true;
            clearTimeout(this.dropTimer);
@@ -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() {