<!--
 * 严肃声明：
 * 开源版本请务必保留此注释头信息，若删除我方将保留所有法律责任追究！
 * 本系统已申请软件著作权，受国家版权局知识产权以及国家计算机软件著作权保护！
 * 可正常分享和学习源码，不得用于违法犯罪活动，违者必究！
 * Copyright (c) 2020 陈尼克 all rights reserved.
 * 版权所有，侵权必究！
 *
-->

<template>
    <div>
        <!-- 加个吸顶 -->
        <van-sticky>
            <header class="header">
                <van-icon @click="to" name="arrow-left" class="iconColorLeft"/>
                <span>{{text}}</span>
                <!-- 为止有什么用图标注释 -->
                <!-- <van-icon name="bars" class="iconColorRight"/> -->
            </header>
        </van-sticky>
    </div>
</template>

<script>
export default {
    props:{
        text:{
            default:"未知",
            type:String
        },
        goback:{
            default:"",
            type:String
        }
    },
    data() {
        return {
            // goValue:this.goback
        }
    },
    mounted() {
        
    },
    methods: {
        /* 左侧图标跳转方法 */
        to(){
            //列表页的返回跳转工作台
            if(this.goback){
                this.$router.push('/'+this.goback)
            }else{
                history.go(-1)
            }
        }
    }
}
</script>
<style lang="less" scoped>
    .header{
        width:100%;
        height:1.5rem;
        background:#2980F7;
        text-align: center;
        line-height: 1.5rem;
    }
    .iconColorLeft{
        color: white;
        transform: scale(2);
        float: left;
        position: relative;
        top: 40%;
        left: 5%;
    }
    .header span{
        color: white;
        font-size: 16px;
        margin: auto;
        font-weight: none;
        font-family: 'Microsoft YaHei';
    }
    .header .iconColorRight{
        color: white;
        float: right;
        position: relative;
        top: 40%;
        right: 5%;
        transform: scale(2);
    }
</style>
