style:自定义导航-返回键样式

‘chensiAb’

6 days ago a44eddf956e7042b64428044f057c76ddf2ac791

 layout/navCustomBar/CNavCustomBar.vue

@@ -6,7 +6,7 @@
<template>
    <view
        class="c-nav-custom-bar"
        :style="{height:navBarHeight + 'px',paddingTop:statusBarHeight + 'px',boxSizing:'border-box'}"
        :style="{height:navBarHeight + 'px',paddingTop:statusBarHeight + 'px',boxSizing:'border-box',zIndex:99}"
    >
        <view
            class="c-nav-icon"
@@ -21,7 +21,7 @@
            <view
                v-if="isNeedBackIcon"
                class="c-nav-back-icon"
                @tap="evt => onBack()"
                @tap="evt => handleBack()"
            >
                <AtIcon
                    value='chevron-left'
@@ -30,7 +30,7 @@
                ></AtIcon>
            </view>
        </view>
        <view class="c-nav-title">
        <view :class="[isNeedBackIcon ? 'c-nav-title-back' : 'c-nav-title']">
            {{ title }}
        </view>
    </view>
@@ -54,6 +54,10 @@
        title: {
            type: String,
            default: '',
        },
        onBack: {
            type: Function,
            default: () => {},
        },
    },
    computed: {},
@@ -85,15 +89,21 @@
            this.statusBarHeight = statusBarHeight;
        },

        onBack() {
            Taro.navigateBack({
                delta: 1,
            });
        handleBack() {
            this.onBack();
            // Taro.navigateBack({
            //     delta: 1,
            // });
        },

        $getStatusBarHeight() {
            return this.statusBarHeight;
        },

        //  使用自定义导航时，需要在主页显示的设置padding的值，此值是导航栏的高度，本导航已经使用固定定位为头部
        $getNavBarHeight() {
            return this.navBarHeight;
        },
    },
};
</script>