<template>
    <div class="container">
      <div class="header colorBar">
        <div class="w12">
          <router-link to="/"><img src="../../assets/images/pc/luckytrip.png" alt=""></router-link>
          <!--<span class="syt">收银台</span>-->
        </div>
      </div>
    </div>
</template>
<script>
    export default {
        name: '',
        data () {
            return {

            }
        },
        methods: {

        },
        mounted(){
        }
    }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
  bg=-webkit-gradient(linear, 0% 25%, 75% 100%, from(#ff825b), to(#ff7065))
  IEbg=-ms-linear-gradient(left,#ff825b 0%,#ff7065 100%)
  Cbg=linear-gradient(left, #ff825b, #ff7065);
  .header{
    width 100%
    height 62px
    padding-top 7px
    box-sizing border-box
    background bg
    img{
      position relative
      display inline-block
      width 134px
      top 3px
    }
    .syt{
      position relative
      margin-left 35px
      top -5px
      font-size 20px
      color white
    }
  }
  @media (max-width: 768px){
    .w12{
      width 100%
      padding 0 20px
      box-sizing border-box
    }
  }
</style>
