67 lines
1.4 KiB
SCSS
67 lines
1.4 KiB
SCSS
@charset "utf-8";
|
|
//主题色
|
|
$themeColor: #03D8F4;
|
|
$themeColorDark: #404040;
|
|
|
|
// 页面渐变背景
|
|
$pageBgGradient: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
|
|
$pageBgColor: #F5F5F5;
|
|
|
|
// 主题按钮背景
|
|
@mixin themeBtnBg {
|
|
background: $themeColor;
|
|
color: $themeColorDark;
|
|
}
|
|
|
|
// 页面渐变背景
|
|
@mixin pageGradientBg {
|
|
background: $pageBgGradient;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
@mixin theme($type,$path:''){
|
|
@if $type == "btn_bg" {
|
|
background: $themeColor;
|
|
} @else if $type == "unselected_img" {
|
|
background-image: url($path + "static/icon/ic_gender_unselected.png");
|
|
} @else if $type == "check_img" {
|
|
background-image: url($path + "static/icon/ic_agreed.png");
|
|
} @else if $type == "radio_img" {
|
|
background-image: url($path + "static/icon/ic_gender_selected.png");
|
|
}
|
|
}
|
|
// 背景图片地址和大小
|
|
@mixin bis($url, $size: cover) {
|
|
background-image: url($url);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: $size;
|
|
}
|
|
|
|
// 头像
|
|
@mixin ic($width, $height) {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
flex-shrink: 0;
|
|
width: $width;
|
|
height: $height;
|
|
}
|
|
|
|
// 单行省略号
|
|
@mixin toe() {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
// 多行省略号
|
|
@mixin bov($num:2) {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: $num;
|
|
-webkit-box-orient: vertical;
|
|
}
|