公共组件
This commit is contained in:
52
scss/globa.scss
Normal file
52
scss/globa.scss
Normal file
@@ -0,0 +1,52 @@
|
||||
|
||||
/**
|
||||
* Web唐明明
|
||||
* 匆匆数载恍如梦,岁月迢迢华发增。
|
||||
* 碌碌无为枉半生,一朝惊醒万事空。
|
||||
*/
|
||||
|
||||
// 主体颜色
|
||||
|
||||
|
||||
// 文字颜色
|
||||
$text-color: #333;
|
||||
$text-gray: #555;
|
||||
$text-price: #c82626;
|
||||
|
||||
// 边框颜色
|
||||
$border-color: #ddd;
|
||||
$border-color-lg: #eff4f2;
|
||||
|
||||
// 文字尺寸变量
|
||||
$title-size: 32rpx;
|
||||
$title-size-lg: 30rpx;
|
||||
$title-size-m: 28rpx;
|
||||
$title-size-sm: 26rpx;
|
||||
|
||||
// 模块圆角
|
||||
$radius: 20rpx;
|
||||
|
||||
// 模块边距
|
||||
$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: env(safe-area-inset-top);
|
||||
padding-top: constant(safe-area-inset-top);
|
||||
}
|
||||
Reference in New Issue
Block a user