ittwxwork/pages/permissions/permissions.wxss

/* pages/permissions/permissions.wxss */
.canmer-box {
  width: 750rpx;
  height: 900rpx;
  position: relative;
}
.scanmodal {
  width: 100%;
  height: 900rpx;
  background: transparent;
  opacity: 0.5;
  position: absolute;
  top: 0;
}
.line {
  height: calc(100% - 2px);
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #45A6B5 211%);
  border-bottom: 3px solid #45A6B5;
  transform: translateY(-100%);
  animation: radar-beam 2s infinite;
  animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);
  animation-delay: 1.4s;
}
.top-modal {
  width: 100%;
  height: 150rpx;
  background: #000000;
  opacity: 0.5;
  position: absolute;
  top: 0;
}
.bottom-modal {
  width: 100%;
  height: 150rpx;
  background: #000000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
}
.left-modal {
  width: 75rpx;
  height: 603rpx;
  background: #000000;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 150rpx;
}
.right-modal {
  width: 75rpx;
  height: 603rpx;
  background: #000000;
  opacity: 0.5;
  position: absolute;
  right: 0;
  bottom: 150rpx;
}
.tips {
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  text-indent: 30rpx;
  margin-top: 30rpx;
}
@keyframes radar-beam {
  0% {
      transform: translateY(-100%);
  }

  100% {
      transform: translateY(0);
  }
}