erp_phone/pages/scanCode/scanCode.wxss

/**scan.wxss**/
.mine {
  padding-top: 40rpx;
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content {
  width: 94%;
  border-radius: 10rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scan-camera {
  width: 100%;
  height: 100%;
  /* border-radius: 6rpx; */
}

.camera-content {
  position: relative;
  border: 1px solid #0271E3;
  width: 500rpx;
  height: 500rpx;
}

.cover-corner {
  width: 80rpx;
  height: 80rpx;
  position: absolute;
}

.cover-left-top {
  border-top: 6rpx solid #0271E3;
  border-left: 6rpx solid #0271E3;
  left: -6rpx;
  top: -6rpx;
}

.cover-right-top {
  border-top: 6rpx solid #0271E3;
  border-right: 6rpx solid #0271E3;
  right: -6rpx;
  top: -6rpx;
}

.cover-left-bottom {
  border-left: 6rpx solid #0271E3;
  border-bottom: 6rpx solid #0271E3;
  left: -6rpx;
  bottom: -6rpx;
}

.cover-right-bottom {
  border-right: 6rpx solid #0271E3;
  border-bottom: 6rpx solid #0271E3;
  right: -6rpx;
  bottom: -6rpx;
}

.scan-animation {
  position: absolute;
  top: 10rpx;
  left: 10rpx;
  width: 480rpx;
  height: 8rpx;
  background-color: #08FDFE;
  border-radius: 50%;
}

.cover-tips {
  width: 100%;
  text-align: center;
  height: 110rpx;
  line-height: 110rpx;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #333333;
  letter-spacing: 0;
  border-bottom: 1px solid #F3F3F3;
}

.code-list {
  width: 100%;
  height: 500rpx;
  overflow-y: scroll;
  padding: 0 10rpx;
}
.total{
  width: 100%;
  text-align: right;
}

.list-info {
  padding: 20rpx 0;
  border-bottom: 1px solid #cac9c9;
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #333333;
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serial{
  width: 70rpx;
  text-align: center;
  margin-right: 20rpx;
}
.code-popup-title{
  text-align: center;
  margin-bottom: 30rpx;
}
.phone-list{
  flex: 1;
  display: flex;
}
.phone-list text{
  flex: 1;
}
.delete-button{
  width: 80rpx;
  text-align: center;
}

.list-info text {
  word-break: break-all;
}

.list-info image {
  vertical-align: middle;
  width: 40rpx;
  height: 40rpx;
}

.bottom-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 66rpx 0 58rpx 0;
}

.bottom-btn .btn {
  width: 40%;
  height: 96rpx;
  line-height: 96rpx;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #979797;
  letter-spacing: 0;
  border: 1px solid #979797;
  border-radius: 52rpx;
}

.bottom-btn .btn:nth-child(2) {
  background: #0271E3;
  color: #FFFFFF;
}
.code-popup{
  /* border-radius: 50%; */
}

.vr-code {
  width: 600rpx;
  min-height: 200rpx;
  padding: 40rpx;
  background: #FFFFFF;
  box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  position: relative;
  padding-bottom: 160rpx;
}
.popup-botton{
  width: 100%;
  position: absolute;
  bottom: 40rpx;
  left: 0;
  display: flex;
  justify-content: space-around;
}
.popup-botton .btn{
  width: 216rpx;
  height: 96rpx;
  line-height: 96rpx;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #666666;
  letter-spacing: 0;
  border: 1px solid #979797;
  border-radius: 52rpx;
}
.popup-botton .add-btn{
  background: #0271E3;
  color: #FFFFFF;
}