<template>
    <div>
        <van-nav-bar
                title="礼品卡"
                style="background-color: #fff6e3"
                :border="false">
            style="max-width: 30px;"
            />
            <van-icon name="arrow-left" slot="left" @click="onClickLeft" color="black"/>
        </van-nav-bar>
    </div>
</template>

<script>
    import {NavBar, Icon} from 'vant';

    export default {
        name: "navBar",
        components: {
            [NavBar.name]: NavBar,
            [Icon.name]: Icon
        },
        props: ['path'],
        methods: {
            onClickLeft: function () {
                this.$router.push(this.path);
            }
        }
    }
</script>

<style scoped>

</style>