251 lines
3.5 KiB
CSS
251 lines
3.5 KiB
CSS
.srui_button{
|
|
background: #409EFF;
|
|
color: #fff;
|
|
border-radius: 2px;
|
|
padding: 8px 12px;
|
|
margin-right: 5px;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
}
|
|
.srui_button_sec{
|
|
background:#ddd;
|
|
color:#000;
|
|
}
|
|
.srui_button:hover{
|
|
background:#333 !important;
|
|
color:#fff !important;
|
|
}
|
|
|
|
|
|
|
|
.srui_textarea{
|
|
padding:5px;
|
|
height:50px;
|
|
width:300px;
|
|
border:1px solid #ddd;
|
|
margin-bottom:5px;
|
|
border-radius: 3px;
|
|
}
|
|
.srui_textarea_lg{
|
|
width:400px;
|
|
height:120px;
|
|
}
|
|
.srui_input{
|
|
padding:8px 5px;
|
|
width:200px;
|
|
border:1px solid #ddd;
|
|
margin:5px 0;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
}
|
|
.srui_input_sm{
|
|
width:120px;
|
|
}
|
|
.srui_input_lg{
|
|
width:400px;
|
|
}
|
|
.srui_select{
|
|
padding:5px;
|
|
border:1px solid #ddd;
|
|
margin:5px 0;
|
|
}
|
|
|
|
|
|
.srui_title{
|
|
display: inline-block;
|
|
width:70px;
|
|
}
|
|
.srui_tishi{
|
|
font-size:12px;
|
|
color:#666;
|
|
margin:3px 0;
|
|
}
|
|
.srui_right{
|
|
float: right;
|
|
}
|
|
|
|
/* 边框 */
|
|
.srui_border{
|
|
border: 1px solid #ddd;
|
|
}
|
|
.srui_border_rds{
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* 文字颜色 */
|
|
|
|
.srui_color_black{
|
|
color: #222222
|
|
}
|
|
.srui_color_white{
|
|
color: #ffffff
|
|
}
|
|
/* 背景色 element-ui */
|
|
.srui_bg_blue{
|
|
background-color: #409EFF;
|
|
}
|
|
.srui_bg_green{
|
|
background-color: #67C23A;
|
|
}
|
|
.srui_bg_orange{
|
|
background-color: #E6A23C;
|
|
}
|
|
.srui_bg_yellow{
|
|
background-color: rgb(236, 213, 1);
|
|
}
|
|
.srui_bg_pink{
|
|
background-color: #F56C6C;
|
|
}
|
|
.srui_bg_red{
|
|
background-color: rgb(207, 7, 7);
|
|
}
|
|
.srui_bg_brown{
|
|
background-color: rgb(148, 87, 7);
|
|
}
|
|
.srui_bg_gray{
|
|
background-color: #909399;
|
|
}
|
|
.srui_bg_black{
|
|
background-color: #303133;
|
|
}
|
|
.srui_bg_white{
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* 弹出窗口 */
|
|
#srui_tmbg{
|
|
width:100%;
|
|
height:100%;
|
|
background:#000;
|
|
opacity:0.4;
|
|
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
|
|
display:none;
|
|
}
|
|
|
|
#srui_tips_box{
|
|
position:fixed;
|
|
max-width: 80%;
|
|
max-height: 70%;
|
|
word-break:break-all;
|
|
|
|
top: -40%;
|
|
left: 50%;
|
|
-ms-transform: translate(-40%, -50%);
|
|
-webkit-transform: translate(-40%, -50%);
|
|
transform: translate(-40%, -50%);
|
|
|
|
padding:20px 40px;
|
|
|
|
font-size:16px;
|
|
|
|
z-index:9999999999;
|
|
border-radius:5px;
|
|
|
|
font-family:Microsoft Yahei,arial;
|
|
}
|
|
|
|
#srui_tips_box .srui_ft{
|
|
margin-top: 10px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
text-align: right
|
|
}
|
|
|
|
|
|
|
|
/*开关*/
|
|
.srui_switch_btn{
|
|
width:36px !important;
|
|
height:20px;
|
|
position:relative;
|
|
display:inline-block;
|
|
cursor:pointer;
|
|
}
|
|
.srui_switch_btn i{
|
|
position:absolute;
|
|
|
|
/* width:22px;
|
|
height:22px; */
|
|
width:16px;
|
|
height:16px;
|
|
background:#fff;
|
|
border-radius:50%;
|
|
|
|
display:inline-block;
|
|
/* -moz-box-shadow:-1px 2px 5px #333333;
|
|
-webkit-box-shadow:-1px 2px 5px #333333;
|
|
box-shadow:-1px 2px 5px #333333; */
|
|
|
|
top: 1px;
|
|
}
|
|
.srui_switch_btn[data-on="off"] i{
|
|
/* left:0; */
|
|
|
|
left: 2px;
|
|
}
|
|
.srui_switch_btn[data-on="on"] i{
|
|
/* right:0; */
|
|
right:2px;
|
|
}
|
|
|
|
.srui_switch_btn em{
|
|
display:inline-block;
|
|
width:36px;
|
|
height:18px;
|
|
background:#ccc;
|
|
border-radius:10px;
|
|
/* margin-top:3px; */
|
|
display:inline-block;
|
|
}
|
|
.srui_switch_btn[data-on="on"] em{
|
|
background:#3089dc
|
|
}
|
|
#popupname{
|
|
width:200px;
|
|
overflow:hidden
|
|
}
|
|
#popupname img{
|
|
float:left;
|
|
margin-right:5px;
|
|
}
|
|
#popupname span{
|
|
height:26px;
|
|
line-height:20px;
|
|
display:inline-block;
|
|
|
|
}
|
|
|
|
#content{
|
|
min-width: 220px;
|
|
padding: 10px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.head{
|
|
border-bottom: 1px solid #ddd;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.head .title{
|
|
font-size: 16px;
|
|
font-weight: bold
|
|
}
|
|
|
|
.logout{
|
|
float: right;
|
|
text-decoration: none;
|
|
color: #333;
|
|
display: none;
|
|
}
|
|
.logout:hover{
|
|
color: rgb(211, 3, 3);
|
|
}
|
|
h2{ color: #FF9800;
|
|
font-size: 22px; margin-bottom: 5px;}
|