右上角的钩自存elemntui样式

 

    <div class="img-container">
      <div class="custom-upload-success"><i class="el-icon-check"></i></div>
      
      <img :src="imgObj.url" alt="图片"> </img>
      <div class="overlay">
        <i class="el-icon-circle-plus-outline mr-3" @click="handlePictureCardPreview(imgObj)"></i>
        <i class="el-icon-upload"></i>
      </div>
    </div>
  .custom-upload-success {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
    i {
      transform: rotate(-45deg);
      vertical-align:baseline;
      font-size: 0.9rem;
    }
  }

猜你喜欢

转载自blog.csdn.net/2301_78916954/article/details/143144689