BiKing/static/css/index.scss

// @import url("./root.css");
$g_bgColor01:rgba(6,193,116,0.1);
$r_bgColor01:rgba(255,0,0,0.1);
[rise-fall='green_rise']{
	// 绿涨红跌
	.zhang{
		// 绿涨
		.color {
			color:#06c174 !important;
		}
		.bdColor{
			border-color:#06c174 !important;
		}
		.bgcolor{
			background-color: #06c174 !important;
		}
		
		
		.bgcolor01{
			background-color: $g_bgColor01 !important;
		}
		.pankoubgcolor{
			background-color: #E5F8F6 !important;
		}
	}
	.die{
		// 红跌
		.color{
			color:red !important;
		}
		.bdColor{
			border-color:red !important;
		}
		.bgcolor{
			background-color: rgba(255,0,0,1) !important;
		}
		
		.bgcolor01{
			background-color: $r_bgColor01 !important;
		}
		.pankoubgcolor{
			background-color: #FEEBED !important;
		}
	}
	
	// .rise{
	// 	color: #06c174;
	// }
	// .fall{
	// 	color: red;
	// }
	// .rise-btn{ 
	// 	background-color: #06c174;
	// }
	// .fall-btn{
	// 	background-color: red;
	// }
 }
[rise-fall='red_rise']{
	.zhang{
		// 红涨
		.color{
			color:red !important;
		}
		
		.bdColor{
			border-color:red !important;
		}
		.bgcolor{
			background-color: rgba(255,0,0,1) !important;
		}
		.bgcolor01{
			background-color: $r_bgColor01 !important;
		}
		.pankoubgcolor{
			background-color: #FEEBED !important;
		}
	}
	.die{
		// 红跌
		.color{
			color:#06c174 !important;
		}
		
		.bdColor{
			border-color:#06c174 !important;
		}
		.bgcolor{
			background-color: #06c174 !important;
		}
		
		.bgcolor01{
			background-color: $g_bgColor01 !important;
		}
		.pankoubgcolor{
			background-color: #E5F8F6 !important;
		}
	}
}
 
 
.popup-box {
		width: 100%;
		background-color: #Fff;
		border-radius: 50rpx 50rpx 0px 0px;

		.popup-title {
			width: 100%;
			height: 113rpx;
			border-radius: 50rpx 50rpx 0px 0px;
			background-color: #F7F7F7 !important;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 40rpx;
			font-weight: 700;

			.title-side {
				flex-shrink: 0;
				font-size: 28rpx;
				width: 40rpx;
				height: 100%;
				line-height: 113rpx;
				color: #666;
				font-weight: 400;
			}
		}
 }
 
 .iframe-content {
 	width: 100%;
 	height: 100vh;
 	display: flex;
 	flex-direction: column;
 
 	.iframe-box {
 		flex: 1;
 
 		iframe {
 			width: 100%;
 			height: 100%;
 		}
 	}
 
 }