You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.0 KiB
52 lines
1.0 KiB
4 years ago
|
//文字超出一行省略号
|
||
|
|
%text-overflow {
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow:ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
//滑动容器
|
||
|
|
%scroll-view{
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
%line-feed{
|
||
|
|
word-wrap: break-word;
|
||
|
|
word-break: break-all;
|
||
|
|
white-space: pre-line;
|
||
|
|
}
|
||
|
|
|
||
|
|
//文字超出多行省略号
|
||
|
|
@mixin text-overflow-many($line:2) {
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-line-clamp: $line;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
//定义宽高
|
||
|
|
@mixin wh($width,$height:auto){
|
||
|
|
width:$width;
|
||
|
|
height:$height;
|
||
|
|
}
|
||
|
|
|
||
|
|
//弹性盒子布局
|
||
|
|
@mixin flex($align-items:flex-start,$justify-content:flex-start){
|
||
|
|
display: flex;
|
||
|
|
align-items: $align-items;
|
||
|
|
justify-content: $justify-content;
|
||
|
|
}
|
||
|
|
|
||
|
|
//设置文字样式
|
||
|
|
@mixin fonts($font-size:26px,$color:#ffffff,$font-weight:400){
|
||
|
|
font-size:$font-size;
|
||
|
|
font-family:PingFangSC-Regular;
|
||
|
|
font-weight:$font-weight;
|
||
|
|
color:$color;
|
||
|
|
}
|
||
|
|
@mixin background-linear-gradient($background,$box-shadow,$border-radius) {
|
||
|
|
background:$background;
|
||
|
|
box-shadow:$box-shadow;
|
||
|
|
border-radius:$border-radius;
|
||
|
|
}
|