vue3 简单实现水印

    <div class="fc-mark">

      <div class="fc-mark-item" v-for="number in 27 * 6" :key="number">这是个水印</div>

    </div>

.fc-mark {

  position: fixed;

  top: 6rem;

  bottom: 0;

  right: 0;

  z-index: 0;

  pointer-events: none;

  .fc-mark-item {

    pointer-events: none;

    display: inline-block;

    width: 100px;

    height: 100px;

    line-height: 50px;

    font-size: 20px;

    transform: rotateZ(-45deg);

    color: rgba($color: #e6e6e6, $alpha: 0.3);

  }

}