vue2-pdf/viewer.css

基于Vue2 + webpack + PDF.js版的PDF预览插件

.vue2-pdf {
  position: relative;
  display: block;
  width: 100%;
  background-color: #fff;
}

.vue2-pdf .page {
  position: relative;
}

.vue2-pdf .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;
}

.vue2-pdf .page.complete .loading {
  display: none;
}

.vue2-pdf .page canvas {
  width: 100%;
}