@wfrog/vc/dist/es/components/dialog-camera-upload/index.css

vue3 组件库 vc

/* source: src/components/dialog-camera-upload/dialog-camera-upload.vue */
._window_2ntq2_1 {
  position: relative;
  box-shadow: 0 0 1px;
}
._window_2ntq2_1 > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div._alert_2ntq2_13 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 200px;
  height: initial;
  transform: translate(-50%, -50%);
}
._placeholder_2ntq2_23 {
  z-index: 10;
  display: flex;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: 0.3s all linear;
}
._placeholder_2ntq2_23:hover {
  opacity: 1;
}
._placeholder_2ntq2_23 > div {
  position: relative;
  display: flex;
  flex: 1 0 50%;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 0.3s all linear;
}
._placeholder_2ntq2_23 > div i {
  font-size: 72px;
  color: rgba(255, 255, 255, 0.9);
  transition: 0.3s all linear;
}
._placeholder_2ntq2_23 > div:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
._placeholder_2ntq2_23 > div:hover i {
  transform: scale(1.2);
}
._placeholder_2ntq2_23 .el-upload {
  width: 100%;
  height: 100%;
}
._placeholder-opacity_2ntq2_59 {
  opacity: 1;
}
._footer_2ntq2_63 {
  display: flex;
  justify-content: space-between;
}
._select_2ntq2_68 {
  flex: 0 0 50%;
}