117 lines
2.1 KiB
SCSS

$--web-font0: #000;
$--web-font1: #333;
$--web-font2: #666;
$--web-font3: #999;
$--theme-color: #154ddd;
@font-face {
font-family: "DouyinSansBold";
src: url("@/assets/fonts/DouyinSansBold.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
.text-web-font0 {
color: $--web-font0;
}
.text-web-font1 {
color: $--web-font1;
}
.text-web-font2 {
color: $--web-font2;
}
.text-web-font3 {
color: $--web-font3;
}
.theme-color {
color: $--theme-color;
}
.theme-bg-color {
background-color: $--theme-color;
}
.main_container {
margin-left: 16px;
}
.main {
// padding-top: 16px;
overflow: hidden;
position: relative;
// overflow-y: scroll;
// height: 88vh;
}
// 标题样式1
.hf-1 {
color: $--web-font1;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
// 正文样式
.pf-1 {
color: $--web-font1;
font-family: "PingFang SC";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
/* 157.143% */
}
.pf-2 {
color: $--web-font2;
font-family: "PingFang SC";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
// 单行、多行文本
.single-line {
/* 容器的高度 */
overflow: hidden;
/* 隐藏超出部分内容 */
display: -webkit-box;
/* 必须设置display为-webkit-box才能生效 */
-webkit-line-clamp: 1;
/* 指定显示的行数 */
-webkit-box-orient: vertical;
/* 设置子元素垂直排列 */
text-overflow: ellipsis;
/* 当文字溢出时显示省略号 */
white-space: pre-wrap;
/* 保持换行符不被合并 */
}
.two-line {
/* 容器的高度 */
overflow: hidden;
/* 隐藏超出部分内容 */
display: -webkit-box;
/* 必须设置display为-webkit-box才能生效 */
-webkit-line-clamp: 2;
/* 指定显示的行数 */
-webkit-box-orient: vertical;
/* 设置子元素垂直排列 */
text-overflow: ellipsis;
/* 当文字溢出时显示省略号 */
white-space: pre-wrap;
/* 保持换行符不被合并 */
}
.ff1 {
font-family: "DouyinSansBold";
}