Header组件(背景图)

<div class="m-header">
    <div class="icon"></div>
    <h1 class="text">Hello Music</h1>
</div>

    <style>
        .m-header{
            position: relative;
            height: 44px;
            text-align: center;
            color: lightblue;
            background: lightgray;
            font-size: 0;
        }
        .icon{
            display: inline-block;
            vertical-align: top;
            margin-top: 6px;
            width: 30px;
            height: 32px;
            background-image: url("../components/images/logo@2x.png");
            background-size: 30px 32px;
        }
        .text{
            display: inline-block;
            vertical-align: top;
            line-height: 44px;
            font-size: 14px;
            margin-left: 10px;

        }
    </style>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">