From 758d8056dc3dbc6bf92c298aa3627e66b933b5a0 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 22 五月 2025 13:25:21 +0800
Subject: [PATCH] feat: UI

---
 packages/components/src/styles/index.scss |   39 ++++++++++++++++++++++++++++++++++-----
 1 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/packages/components/src/styles/index.scss b/packages/components/src/styles/index.scss
index 37b4cc0..7ccae1d 100644
--- a/packages/components/src/styles/index.scss
+++ b/packages/components/src/styles/index.scss
@@ -1,6 +1,10 @@
 @use 'sass:map';
 @use './var.scss' as *;
 @use './function.scss' as *;
+@use './orderCard.scss' as *;
+@use './card.scss' as *;
+@use './gas.scss' as *;
+@use './mine.scss' as *;
 @use './nut.scss' as *;
 @use './layout.scss' as *;
 @use './rechargeGrid.scss' as *;
@@ -12,16 +16,41 @@
   @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');
-
-  --primary-color: #{map-get($bole-colors, 'primary')};
   overflow: hidden;
+  background-color: map.get($bole-colors, 'body-background-color');
 
-  --nut-primary-color: #{map-get($bole-colors, 'primary')};
+  --primary-color: #{map.get($bole-colors, 'primary')};
+
+  --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')};
+  --nut-badge-background-color: #{map.get($bole-colors, 'danger')};
+}
+
+@mixin lifeListScrollViewWithNoPadding {
+  flex: 1;
+  min-height: 0;
+  box-sizing: border-box;
+  background-color: map-get($bole-colors, 'body-background-color');
+}
+
+@mixin lifeListScrollView {
+  padding: 0 map-get($bole-size, 'body-padding-h');
+  @include lifeListScrollViewWithNoPadding;
+}
+
+.life-infinite-scroll-list-no-padding {
+  @include lifeListScrollViewWithNoPadding;
+}
+
+.life-infinite-scroll-list {
+  @include lifeListScrollView;
+}
+
+.life-page-infinite-scroll-list {
+  @include lifeListScrollView;
+  padding-top: 32px;
 }

--
Gitblit v1.9.1