容器右上角tag标签样式

// html

  <div v-if="taskInfo.status === 'FINISHED'" class="tag">{{ '已完成' }}</div>
  <div v-if="taskInfo.status === 'UN_FINISHED'" class="tag tag-warning">{{ '未完成' }}</div>
// css
  .tag {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 25px;
    right: -12%;
    background-image: linear-gradient(160deg, #0093e9 0%, #80d0c7 100%);
    color: #fff;
    width: 50%;
    height: 16px;
    transform: rotate(45deg);
  }
  .tag-warning {
    background-color: #fbab7e;
    background-image: linear-gradient(62deg, #fbab7e 0%, #f7ce68 100%);
  }