131 lines
2.4 KiB
SCSS
131 lines
2.4 KiB
SCSS
@import '@/uni_modules/uni-scss/variables.scss';
|
|
|
|
$sfRedColor: #FB322E;
|
|
$sfblackColor: #0D1118;
|
|
$sfgrayBgColor: #F1F2F7;
|
|
$padding20: 20rpx;
|
|
$padding32: 32rpx;
|
|
|
|
|
|
$backgroundColor:
|
|
radial-gradient(circle at 120% -5%,
|
|
#EFE4ED 0%,
|
|
transparent 60%
|
|
),
|
|
radial-gradient(circle at -20% 40%,
|
|
#EFE4ED 0%,
|
|
transparent 60%
|
|
),
|
|
linear-gradient(180deg, #E0EAF6 0%, #F0F5FB 100%);
|
|
|
|
.p20 { padding: $padding20; }
|
|
.p20-r { padding-right: $padding20; }
|
|
.p20-l { padding-left: $padding20; }
|
|
.p20-t { padding-top: $padding20; }
|
|
.p20-b { padding-bottom: $padding20; }
|
|
|
|
.p32 { padding: $padding32; }
|
|
.p32-r { padding-right: $padding32; }
|
|
.p32-l { padding-left: $padding32; }
|
|
.p32-t { padding-top: $padding32; }
|
|
.p32-b { padding-bottom: $padding32; }
|
|
|
|
.m20 { margin: $padding20; }
|
|
.m20-r { margin-right: $padding20; }
|
|
.m20-l { margin-left: $padding20; }
|
|
.m20-t { margin-top: $padding20; }
|
|
.m20-b { margin-bottom: $padding20; }
|
|
|
|
.m32 { margin: $padding32; }
|
|
.m32-r { margin-right: $padding32; }
|
|
.m32-l { margin-left: $padding32; }
|
|
.m32-t { margin-top: $padding32; }
|
|
.m32-b { margin-bottom: $padding32; }
|
|
.border-radius-20 { border-radius: 20rpx; }
|
|
.card {
|
|
background-color: #fff;
|
|
border-radius: 16px;
|
|
padding: 36rpx;
|
|
line-height: normal;
|
|
margin-bottom: $padding20;
|
|
width: 100%;
|
|
}
|
|
.card20 {
|
|
@extend .card;
|
|
padding: 16px;
|
|
}
|
|
.container{
|
|
padding: $padding20;
|
|
width: 100%;
|
|
padding-bottom: 200rpx;
|
|
}
|
|
:deep(.uv-icon__icon){
|
|
line-height: normal!important;
|
|
}
|
|
:deep(.uv-button--info){
|
|
border-color: #A8AAAC;
|
|
}
|
|
|
|
.font36{
|
|
font-size: 36rpx;
|
|
}
|
|
.font32{
|
|
font-size: 32rpx;
|
|
}
|
|
.font28{
|
|
font-size: 26rpx
|
|
}
|
|
.font26{
|
|
font-size: 26rpx
|
|
}
|
|
.font16{
|
|
font-size: 16rpx
|
|
}
|
|
.fontb{
|
|
font-weight: 600;
|
|
}
|
|
|
|
.textGary{
|
|
color: #A8AAAC;
|
|
}
|
|
.textGary2{
|
|
color: #808386;
|
|
}
|
|
.textRed{
|
|
color: $sfRedColor;
|
|
}
|
|
.mgb20{
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.mgb10{
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.mgt20{
|
|
margin-top: 20rpx;
|
|
}
|
|
.mgt10{
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
|
|
/* 行为相关颜色 */
|
|
$uni-color-primary: #007aff;
|
|
$uni-color-success: #4cd964;
|
|
$uni-color-warning: #f0ad4e;
|
|
$uni-color-error: #dd524d;
|
|
/* 背景颜色 */
|
|
$uni-bg-color:#ffffff;
|
|
$uni-bg-color-grey:#f8f8f8;
|
|
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
|
|
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
|
|
|
|
/* 水平间距 */
|
|
$uni-spacing-row-sm: 5px;
|
|
$uni-spacing-row-base: 10px;
|
|
$uni-spacing-row-lg: 15px;
|
|
|
|
/* 垂直间距 */
|
|
$uni-spacing-col-sm: 4px;
|
|
$uni-spacing-col-base: 8px;
|
|
$uni-spacing-col-lg: 12px;
|