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.
66 lines
1.1 KiB
66 lines
1.1 KiB
/** |
|
* 全局样式 |
|
*/ |
|
|
|
/* 重置样式 */ |
|
page { |
|
background-color: #f5f5f5; |
|
font-size: 28px; |
|
line-height: 1.6; |
|
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; |
|
} |
|
|
|
/* 通用样式 */ |
|
.container { |
|
min-height: 100vh; |
|
padding-bottom: calc(env(safe-area-inset-bottom) + 100px); |
|
} |
|
|
|
/* 文本溢出省略 */ |
|
.ellipsis { |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
|
|
.ellipsis-2 { |
|
display: -webkit-box; |
|
-webkit-box-orient: vertical; |
|
-webkit-line-clamp: 2; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
|
|
/* 清除浮动 */ |
|
.clearfix::after { |
|
content: ''; |
|
display: block; |
|
clear: both; |
|
} |
|
|
|
/* Flex 布局 */ |
|
.flex { |
|
display: flex; |
|
} |
|
|
|
.flex-center { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
|
|
.flex-between { |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
} |
|
|
|
/* 占位图 */ |
|
.placeholder { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
min-height: 400px; |
|
color: #999; |
|
font-size: 28px; |
|
}
|
|
|