vue-pdf3/viewer.css

基于Vue3 + vite + PDF.js版的PDF预览插件

.vue-pdf3 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.vue-pdf3 .page {
  position: relative;
}

.vue-pdf3 .page .loading {
  display: block;
  background-image: url("./loading.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
}

.vue-pdf3 .page.complete .loading {
  display: none;
}

.vue-pdf3 .page canvas {
  width: 100%;
}