<template>
  	<div class="top-title-new">
        <span class="top-back" @click="backFun">
			<img  src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon.png">
        </span>
        <div class="txt">{{title}}</div>
    </div>
</template>

<script>

export default {
    data(){
        return {
        }
    },
    props:{
        title:{
            default:'问卷调查',
            type:String
        },
		isScroll:{
			default:false,
			type:Boolean
		}
    },
   
	mounted(){

    },

    computed:{

    },

    methods:{
        backFun(){
            this.$emit('setFun')
        }

    }
}
</script>

<style lang="scss" scoped>
    @import '../assets/style/mixin.scss';
    .top-title-new{
        //height:px2rem(45px);
        line-height:px2rem(25px);
        font-size: px2rem(18px);
        
        color:#333;
        padding:px2rem(10px) px2rem(15px);
        
        padding-top:px2rem(32px);
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		z-index: 15;
        background:#fff;
		.txt{
			text-align: center;
            line-height: px2rem(25px);
            height: px2rem(25px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow:ellipsis;
			//width:100%;
			
		}
    }
	.active{
		background: #fff;
		.txt{display: block}
	}
    .top-back{
        display: inline-block;
        width: px2rem(25px);
        height: px2rem(25px);
        float: left;
        img{
            display: block;
            width: 100%;
            height: 100%
        }
    }
</style>
