H5页面右上角标签实现

<div>
  <div class="anglelabel">待签收</div>
</div>

<style>
.anglelabel {
        border-bottom: 6vw solid #ec808d;
        border-left: 6vw solid transparent;
        border-right: 5vw solid transparent;
        height: 0;
        width: 10vw;
        transform: rotate(45deg);
        font-size: 2vw;
        color: white;
        line-height: 3.5vh;
        position: fixed;
        right: -5.4vw;
      }
</style>

偏斜角度 调节transform: rotate(45deg);的角度来贴合边框