[更新邀请码]
This commit is contained in:
81
scss/globa.scss
Normal file
81
scss/globa.scss
Normal file
@@ -0,0 +1,81 @@
|
||||
|
||||
/**
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
// 文字颜色
|
||||
$text-color: #4d4d4d;
|
||||
$text-gray: #9d9d9d;
|
||||
|
||||
// 主色调
|
||||
$mian-color: #da2b56;
|
||||
$yellow-color: #ec7647;
|
||||
|
||||
// 辅助色
|
||||
$assist-color-1: #5dc791;
|
||||
$assist-color-2: #f2b25b;
|
||||
$assist-color-3: #ec6555;
|
||||
|
||||
// 边框颜色
|
||||
$border-color: #f2f2f2;
|
||||
$border-color-light: #f7f8fa;
|
||||
|
||||
// 文字尺寸变量
|
||||
$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;
|
||||
}
|
||||
Reference in New Issue
Block a user