.img-preview {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.img-preview img {
  max-width: 100%;
  max-height: 100%;
}
.ui-upload-image {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ui-upload-image img {
  max-width: 100%;
  max-height: 100%;
}
.ui-upload-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.picture[data-v-661b6b50]{display:flex;width:160px;height:160px;justify-content:center;align-items:center;border:1px dashed currentColor;border-radius:6px;font-size:48px;color:#ccc}.picture[data-v-661b6b50]:hover{color:#999}