lcw
This commit is contained in:
@ -116,6 +116,7 @@
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
@ -159,9 +160,11 @@
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-grow1 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.shrink0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@ -169,6 +172,7 @@
|
||||
.flex-warp {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.flex-nowrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
@ -180,6 +184,7 @@
|
||||
.just-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.just-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
@ -207,11 +212,13 @@
|
||||
.align-bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.flexcc {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flexcb {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -317,11 +324,11 @@
|
||||
}
|
||||
|
||||
.ww#{$i} {
|
||||
width: #{$i}+ "%";
|
||||
width: #{$i}+"%";
|
||||
}
|
||||
|
||||
.hh#{$i} {
|
||||
height: #{$i}+ "%";
|
||||
height: #{$i}+"%";
|
||||
}
|
||||
|
||||
//高度
|
||||
@ -333,26 +340,32 @@
|
||||
.lh#{$i} {
|
||||
line-height: #{$i}px;
|
||||
}
|
||||
|
||||
//自适应大号字体(通常为统计数字 18-30)
|
||||
.font_size_big {
|
||||
font-size: clamp(1.125rem, -0.894rem + 2.31vw, 1.875rem);
|
||||
}
|
||||
|
||||
//自适应一号字体(通常为一级标题 14-18)
|
||||
.font_size_title {
|
||||
font-size: clamp(0.875rem, 0.37rem + 0.58vw, 1.063rem);
|
||||
}
|
||||
|
||||
//自适应统计字体(通常为统计数字 14-22)
|
||||
.font_size1 {
|
||||
font-size: clamp(0.875rem, -0.471rem + 1.54vw, 1.375rem);
|
||||
}
|
||||
|
||||
//自适应二号字体(通常为二级标题 14-16)
|
||||
.font_size2 {
|
||||
font-size: clamp(0.75rem, 0.077rem + 0.77vw, 1rem);
|
||||
}
|
||||
|
||||
//自适应普通字体(通常为默认大小 10-14)
|
||||
.font_size_default {
|
||||
font-size: clamp(0.625rem, -0.048rem + 0.77vw, 0.875rem);
|
||||
}
|
||||
|
||||
.flex#{$i} {
|
||||
flex: #{$i};
|
||||
}
|
||||
@ -364,9 +377,29 @@
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "HANYILINGXINTIJIAN";
|
||||
src: url("~@/assets/font/HANYILINGXINTIJIAN-1.TTF");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* 自定义滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 0.5em;
|
||||
height: 0.5em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #021b31;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #011733cd;
|
||||
}
|
||||
Reference in New Issue
Block a user