自适应标题

<div class="title-container">
  <div class="head">
    <i class="left"></i>
    <span class="title">{{title}}</span>
    <i class="right"></i>
  </div>
</div>

.head {
  height: 80vpx;
  margin-top: 37vpx;
  .left {
    display: inline-block;
    width: 292px;
    height: 38vpx;
    background-size: 100% 100%;
    background-image: url('../../assets/img/title-left.png');
  }
  .title {
    font-size: 40px;
    display: inline-block;
    letter-spacing: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .right {
    display: inline-block;
    width: 292px;
    height: 38vpx;
    background-size: 100% 100%;
    background-image: url('../../assets/img/title-right.png');
  }
}
.title-container {
  text-align: center;
}