From 239b5886f9f8859585f8798d7988627d91d65fe0 Mon Sep 17 00:00:00 2001 From: zoujing Date: Wed, 11 Mar 2026 22:33:45 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9B=E5=BB=BA=E4=BA=86=E5=9C=B0?= =?UTF-8?q?=E5=9B=BE=E5=AF=BC=E8=88=AA=E7=9A=84=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/module/NoticeMessage/index.vue | 0 .../OpenMapComponent/images/map_icon.png | Bin 0 -> 2801 bytes .../module/OpenMapComponent/index.vue | 51 ++++++++++++++++++ src/static/scss/background.scss | 8 +++ src/static/scss/colors.scss | 32 +++++++++++ src/static/scss/height.scss | 34 +++++++++--- src/static/scss/margin.scss | 16 ++++++ src/static/scss/padding.scss | 20 ++++--- src/static/scss/width.scss | 20 ++++++- 9 files changed, 165 insertions(+), 16 deletions(-) create mode 100644 src/pages/index/components/module/NoticeMessage/index.vue create mode 100644 src/pages/index/components/module/OpenMapComponent/images/map_icon.png create mode 100644 src/pages/index/components/module/OpenMapComponent/index.vue diff --git a/src/pages/index/components/module/NoticeMessage/index.vue b/src/pages/index/components/module/NoticeMessage/index.vue new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/index/components/module/OpenMapComponent/images/map_icon.png b/src/pages/index/components/module/OpenMapComponent/images/map_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..bb7b65bd5329e39fc6ba2b32c48f3d76dc12015a GIT binary patch literal 2801 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 D;rwMK literal 0 HcmV?d00001 diff --git a/src/pages/index/components/module/OpenMapComponent/index.vue b/src/pages/index/components/module/OpenMapComponent/index.vue new file mode 100644 index 0000000..c6a8af0 --- /dev/null +++ b/src/pages/index/components/module/OpenMapComponent/index.vue @@ -0,0 +1,51 @@ + + + + + + diff --git a/src/static/scss/background.scss b/src/static/scss/background.scss index 8225d0b..c187620 100644 --- a/src/static/scss/background.scss +++ b/src/static/scss/background.scss @@ -23,6 +23,10 @@ background-color: #f5f7fa; } +.bg-F2F5F8 { + background-color: #f2f5f8; +} + .bg-FF3D60 { background-color: #ff3d60; } @@ -31,6 +35,10 @@ background-color: $theme-color-500; } +.bg-theme-color-100 { + background-color: $theme-color-100; +} + .bg-theme-color-50 { background-color: $theme-color-50; } diff --git a/src/static/scss/colors.scss b/src/static/scss/colors.scss index 1cc2408..2391bad 100644 --- a/src/static/scss/colors.scss +++ b/src/static/scss/colors.scss @@ -55,3 +55,35 @@ .color-FA7319 { color: #fa7319; } + +// text 颜色 +.text-color-900 { + color: $text-color-900; +} +.text-color-800 { + color: $text-color-800; +} +.text-color-700 { + color: $text-color-700; +} +.text-color-600 { + color: $text-color-600; +} +.text-color-500 { + color: $text-color-500; +} +.text-color-400 { + color: $text-color-400; +} +.text-color-300 { + color: $text-color-300; +} +.text-color-200 { + color: $text-color-200; +} +.text-color-100 { + color: $text-color-100; +} +.text-color-50 { + color: $text-color-50; +} diff --git a/src/static/scss/height.scss b/src/static/scss/height.scss index c29eaa4..69a5677 100644 --- a/src/static/scss/height.scss +++ b/src/static/scss/height.scss @@ -6,22 +6,42 @@ height: 100%; } -.h-80 { - height: 80px; +.h-8 { + height: 8px; } -.h-44 { - height: 44px; +.h-10 { + height: 10px; } -.h-32 { - height: 32px; +.h-12 { + height: 12px; +} + +.h-16 { + height: 16px; } .h-24 { height: 24px; } +.h-32 { + height: 32px; +} + +.h-44 { + height: 44px; +} + +.h-64 { + height: 64px; +} + .h72 { height: 72px; -} \ No newline at end of file +} + +.h-80 { + height: 80px; +} diff --git a/src/static/scss/margin.scss b/src/static/scss/margin.scss index 195ec81..320c9dd 100644 --- a/src/static/scss/margin.scss +++ b/src/static/scss/margin.scss @@ -3,6 +3,14 @@ margin-left: auto; } +.mt-2 { + margin-top: 2px; +} + +.mb-2 { + margin-bottom: 2px; +} + .m-4 { margin: 4px; } @@ -31,6 +39,14 @@ margin-bottom: 6px; } +.ml-6 { + margin-left: 6px; +} + +.mr-6 { + margin-right: 6px; +} + .m-8 { margin: 8px; } diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss index 801a6a0..2354b16 100644 --- a/src/static/scss/padding.scss +++ b/src/static/scss/padding.scss @@ -47,14 +47,6 @@ padding-bottom: 8px; } -.pl-8 { - padding-left: 8px; -} - -.pr-8 { - padding-right: 8px; -} - .p-12 { padding: 12px; } @@ -79,6 +71,18 @@ padding-left: 12px; } +.p-16 { + padding: 16px; +} + +.pt-16 { + padding-top: 16px; +} + +.pb-16 { + padding-bottom: 16px; +} + .pl-16 { padding-left: 16px; } diff --git a/src/static/scss/width.scss b/src/static/scss/width.scss index 507fd19..e5bb9ee 100644 --- a/src/static/scss/width.scss +++ b/src/static/scss/width.scss @@ -10,6 +10,22 @@ width: calc(100vw - 24px); } +.w-8 { + width: 8px; +} + +.w-10 { + width: 10px; +} + +.w-12 { + width: 12px; +} + +.w-16 { + width: 16px; +} + .w-24 { width: 24px; } @@ -26,7 +42,9 @@ width: 60px; } - +.w-64 { + width: 64px; +} .w-80 { width: 80px;