78 lines
1.3 KiB
SCSS
78 lines
1.3 KiB
SCSS
@charset "utf-8";
|
|
$themeColor:#348cf2; //主题色
|
|
$assistColor:#00c277;//辅助色
|
|
|
|
//文本限制一行
|
|
@mixin overstepOne{
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
//文本限制两行
|
|
@mixin overstepTwo{
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
//底部公共按钮
|
|
.occupied{
|
|
height:120upx;
|
|
}
|
|
.footer-btn{
|
|
position:fixed;
|
|
bottom:0;
|
|
left:0;
|
|
width:100%;
|
|
z-index:10;
|
|
.btn{
|
|
margin:20upx 30upx;
|
|
// background: #007aff;
|
|
background:linear-gradient(to right, #ffc200,#ff9000);/*设置按钮为渐变颜色*/
|
|
font-size:28upx;
|
|
color:#fff;
|
|
text-align:center;
|
|
line-height:80upx;
|
|
border-radius:6upx;
|
|
}
|
|
.btn-blue{
|
|
margin:20upx 30upx;
|
|
// background: #007aff;
|
|
background: linear-gradient(to right, #59deff, #3e83ea); /*设置按钮为渐变颜色*/
|
|
font-size:28upx;
|
|
color:#fff;
|
|
text-align:center;
|
|
line-height:80upx;
|
|
border-radius:6upx;
|
|
}
|
|
}
|
|
.footer-btn-two{
|
|
overflow:hidden;
|
|
.btn{
|
|
float:left;
|
|
width:50%;
|
|
margin:0;
|
|
border-radius:0rpx;
|
|
}
|
|
.btn-col{
|
|
background: #ccc;
|
|
}
|
|
.btn-col1{
|
|
background: $assistColor;
|
|
}
|
|
}
|
|
//遮罩
|
|
.common-shade{
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100vh;
|
|
background: rgba(0,0,0,0.7);
|
|
z-index:99;
|
|
}
|
|
|
|
.bg-ccc{
|
|
background: #ccc !important;
|
|
} |