veterans_chat_h5/components/trtc-calling/index.scss

@font-face {
  font-family: "iconfont"; /* Project id 2965205 */
  src: url('//at.alicdn.com/t/font_2965205_rpxbfelmxq.woff2?t=1637911677755') format('woff2'),
       url('//at.alicdn.com/t/font_2965205_rpxbfelmxq.woff?t=1637911677755') format('woff'),
       url('//at.alicdn.com/t/font_2965205_rpxbfelmxq.ttf?t=1637911677755') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-maikefeng-jingyin:before {
  content: "\e697";
}

.icon-call:before {
  content: "\e6dc";
}

.icon-guaduan:before {
  content: "\e640";
}

.icon-mic-on-full:before {
  content: "\e96b";
}

.icon-yuyin:before {
  content: "\e6e1";
}

.icon-shipin:before {
  content: "\e64f";
}
.calling {
	height: 100vh;
	width: 100%;
	background-color: #7d7d7d;
	position: fixed;
	z-index: 1200;
	
	&-waiting {
		position: relative;
		height: calc(100% - 160rpx);
		&-header {
			width: 240rpx;
			height: 240rpx;
			margin: 160rpx auto 0;
		}
		&-username {
			color: #fff;
			font-size: 36rpx;
			margin-top: 40rpx;
			text-align: center;
			font-family: 'PingFangSC-Regular, PingFang SC';
		}
		&-status {
			color: #fff;
			font-size: 30rpx;
			margin-top: 30rpx;
			text-align: center;
			font-family: 'PingFangSC-Regular, PingFang SC';
		}
		&-button {
			position: absolute;
			bottom: 200rpx;
			z-index: 1220;
			display: flex;
			justify-content: space-between;
			width: 60%;
			left: 20%;
			&-passed {
				background-color: #FA3534;
				width: 120rpx;
				height: 120rpx;
				line-height: 120rpx;
				text-align: center;
				border-radius: 50%;
				color: #fff;
				.iconfont {
					font-size: 60rpx;
				}
			}
			&-mute {
				background-color: #fff;
				width: 120rpx;
				height: 120rpx;
				line-height: 120rpx;
				text-align: center;
				border-radius: 50%;
				color: #2979ff;
				.iconfont {
					font-size: 50rpx;
				}
				.on {
					color: #2979ff;
				}
				.off {
					color: #c8c9cc;
				}
			}
		}
		&-userList {
			display: flex;
			justify-content: center;
			margin-top: 160rpx;
			&-item {
				margin: 0 40rpx;
				color: #fff;
			}
		}
		&-duration {
			margin-top: 50vh;
			text-align: center;
			color: #fff;
		}
	}
}