117 lines
2.1 KiB
SCSS
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";
|
|
}
|