Header背景处理方案

自己在私下项目练习时，遇到的一种header部分背景开发方案，前端小伙伴可以用在我们自己code的项目里面。
应用场景，针对于不同事物具有唯一的图像标识（例如，用户的头像，书籍的封面等）。
我们在设计其详情页时，每一个事物的header部分我们可以这样处理：

1. 借用它们自身唯一的图像标识
   例如：

<div class="header">
    <div class="content-wrapper">
        <div class="avatar">
            <img width="64" height="64" :src="user.avatar" alt="">
        </div>
    </div