@use './var.scss' as *;
|
@use './function.scss' as *;
|
@use './reset.scss' as *;
|
@use './nut.scss' as *;
|
@use './mixins.scss' as *;
|
@use './font.scss' as *;
|
@use 'sass:map';
|
@use 'senin-mini/dist/styles/index.scss' as *;
|
|
:root,
|
page {
|
@include bole-set-component-css-var('color', $bole-colors);
|
@include bole-set-component-css-var('text-color', $bole-text-color);
|
@include bole-set-component-css-var('size', $bole-size);
|
background-color: map-get($bole-colors, 'body-background-color');
|
|
font-family: Source Han Sans CN, 'PingFang SC', 'miui', 'Microsoft Yahei', BlinkMacSystemFont,
|
'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'Hiragino Sans GB', sans-serif;
|
|
--primary-color: #{map-get($bole-colors, 'primary')};
|
overflow: hidden;
|
|
--nut-primary-color: #{map-get($bole-colors, 'primary')};
|
--nut-primary-color-end: $primary-color-end;
|
|
--nut-tag-success-background-color: #d0f8e2;
|
--nut-tag-danger-background-color: #ffe5e5;
|
|
--nut-badge-background-color: #{map-get($bole-colors, 'danger')};
|
}
|
|
.clearfix:after {
|
content: '';
|
display: block;
|
height: 0;
|
clear: both;
|
visibility: hidden;
|
}
|
|
.clearfix {
|
/* 触发 hasLayout */
|
zoom: 1;
|
}
|
|
// 解决iPhone x 以后的机型 底部安全区域的问题 https://jelly.jd.com/article/6006b1055b6c6a01506c87fd
|
.safe-area-bottom {
|
padding-bottom: constant(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
}
|
|
.primary {
|
color: boleGetCssVar('color', 'primary');
|
}
|
|
.warning {
|
color: boleGetCssVar('color', 'warning');
|
}
|
|
.danger {
|
color: boleGetCssVar('color', 'danger');
|
}
|
|
.success {
|
color: boleGetCssVar('color', 'success');
|
}
|
|
.common-infinite-scroll-list-no-padding {
|
@include listScrollViewWithNoPadding;
|
}
|
|
.common-infinite-scroll-list {
|
@include listScrollView;
|
}
|
|
.common-page-infinite-scroll-list {
|
@include listScrollView;
|
padding-top: 16px;
|
}
|
|
.id-imgUrl-wrapper {
|
display: flex;
|
gap: 40px;
|
}
|
