63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
@mixin fontStyle($size, $color, $weight, $lineH, $align) {
|
|
/*
|
|
$size 字体大小
|
|
$color 文字颜色
|
|
$weight 字体加粗
|
|
$lineH 行高
|
|
$align 对齐方式
|
|
*/
|
|
font-size: $size;
|
|
color: $color;
|
|
font-weight: $weight;
|
|
line-height: $lineH;
|
|
text-align: $align;
|
|
}
|
|
|
|
@mixin flexStyle($js, $al, $dir, $wrap) {
|
|
/* $js justify-content
|
|
$al align-items
|
|
$dir flex-direction
|
|
$wrap flex-wrap */
|
|
display: flex;
|
|
justify-content: $js;
|
|
align-items: $al;
|
|
flex-flow: $dir $wrap;
|
|
}
|
|
|
|
@mixin text-elli {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
@mixin text-elli-muti($row) {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: $row;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
@mixin place($size, $color) {
|
|
::-webkit-input-placeholder {
|
|
font-size: $size;
|
|
color: $color;
|
|
}
|
|
}
|
|
|
|
@mixin overSc($h) {
|
|
height: $h;
|
|
overflow: auto;
|
|
}
|
|
|
|
@mixin wh($w, $h) {
|
|
width: $w;
|
|
height: $h;
|
|
}
|
|
|
|
@mixin fixedPoupu() {
|
|
position: fixed;
|
|
inset: 0;
|
|
background-color: rgba($color: #000, $alpha: 30%);
|
|
}
|