 <template>
    <section class="nav-top">
        <div class="nav-part">
            
            <div class="nav-title">
                <span class="nav-back">
                    <img src="../../images/grey-throw.png"/>
                </span>
                {{title}}
                 <span class="nav-share">
                    <img src="../../images/Shape1@2x.png"/>
                </span>
            </div>
           
        </div>
      
    </section>
</template>

<script>
    export default {
    	data(){
            return{
               title:'测试'
            }
        },
        mounted(){
            
        },
  
        methods: {
            
        },
    }
</script>

<style lang="scss" scoped>
    @import '../../style/mixin';
	.nav-top{
        height: px2rem(55px);
        border-bottom: 1px solid #E7E7E7;
        background: #fff;
        color: #333;
        .nav-back{
            display: inline-block;
            position: absolute;
            left:px2rem(8px);;
            top:0;
            height: px2rem(25px);
            width: px2rem(25px);
            transform:rotate(180deg);
        }
        img{
            display: block;
            width: 100%;
            height: 100%
        }
        .nav-share{
            position: absolute;
            right: px2rem(8px);;
            top:0;
            height: px2rem(25px);
            width: px2rem(25px);

        }
        .nav-title{
            display: inline-block;
            width: 100%;
            padding:0 px2rem(33px);
            position: relative;
        }
        .nav-part{
            position: fixed;
            top:px2rem(20px);
            left: 0;
            width: 100%;
            font-size: px2rem(18px);
            text-align: center;
            height: px2rem(25px);
            
        }
    }
    
</style>

