120 lines
2.0 KiB
SCSS
120 lines
2.0 KiB
SCSS
|
|
/**
|
|
* Web唐明明
|
|
* 匆匆数载恍如梦，岁月迢迢华发增。
|
|
* 碌碌无为枉半生，一朝惊醒万事空。
|
|
*/
|
|
|
|
// 文字颜色
|
|
$text-color: #333;
|
|
$text-gray: #555;
|
|
$text-gray-m: #999;
|
|
$text-price: #8b64fd;
|
|
$mian-color: #8b64fd;
|
|
$main-color: #8b64fd;
|
|
$mian-color-deep: #824f9a;
|
|
$mian-color-light:#8b64fd;
|
|
$main-color-light:#8b64fd;
|
|
|
|
// 矿机
|
|
$block-color: #2b2449;
|
|
|
|
// 边框颜色
|
|
$border-color: #ddd;
|
|
$border-color-lg: #eff4f2;
|
|
|
|
// 文字尺寸变量
|
|
$title-size: 32rpx;
|
|
$title-size-lg: 30rpx;
|
|
$title-size-m: 28rpx;
|
|
$title-size-sm: 26rpx;
|
|
|
|
// 模块圆角
|
|
$radius: 20rpx;
|
|
$radius-sm: 10rpx;
|
|
$radius-lg: 12rpx;
|
|
$radius-m: 10rpx;
|
|
|
|
// 模块边距
|
|
$margin: 30rpx;
|
|
$padding: 30rpx;
|
|
|
|
// ios安全距离
|
|
.ios-bottom{
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
}
|
|
|
|
.ios-left{
|
|
padding-left: env(safe-area-inset-left);
|
|
padding-left: constant(safe-area-inset-left);
|
|
}
|
|
|
|
.ios-right{
|
|
padding-right: env(safe-area-inset-right);
|
|
padding-right: constant(safe-area-inset-right);
|
|
}
|
|
|
|
.ios-top{
|
|
padding-top: var(--status-bar-height);
|
|
}
|
|
|
|
// 公共样式
|
|
.vertical {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-pack: center;
|
|
}
|
|
|
|
.nowrap {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.ellipsis{
|
|
max-width: 100%;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
.ellipsis-1{
|
|
max-width: 100%;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
}
|
|
|
|
.ellipsis-3 {
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
|
|
.ellipsis-4 {
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 4;
|
|
}
|
|
|
|
.ellipsis-5 {
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 5;
|
|
}
|
|
|
|
// 修改nvtab
|
|
$mainColor: white;
|
|
|