From 637c5f674bf2679e6d184dfda2225928b2cb4a90 Mon Sep 17 00:00:00 2001 From: duanshuwen Date: Mon, 6 Oct 2025 17:30:17 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=86=E8=A7=9250px=E6=9B=BF?= =?UTF-8?q?=E6=8D=A2=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../CreateServiceOrder/styles/index.scss | 2 +- src/components/ImageSwiper/styles/index.scss | 2 +- src/components/Privacy/styles/index.scss | 4 +- .../ServiceTipsWord/styles/index.scss | 2 +- src/components/Speech/RecordingWaveBtn.vue | 2 +- .../components/OrderInfo/styles/index.scss | 2 +- src/pages/goods/styles/index.scss | 2 +- .../components/AgreePopup/styles/index.scss | 2 +- src/pages/login/styles/index.scss | 2 +- src/uni.scss | 41 ++++++++++--------- 10 files changed, 31 insertions(+), 30 deletions(-) diff --git a/src/components/CreateServiceOrder/styles/index.scss b/src/components/CreateServiceOrder/styles/index.scss index 1207067..7251bf8 100644 --- a/src/components/CreateServiceOrder/styles/index.scss +++ b/src/components/CreateServiceOrder/styles/index.scss @@ -54,7 +54,7 @@ top: -8px; width: 16px; height: 16px; - border-radius: 50px; + border-radius: $uni-border-radius-50px; background-color: #eff6fa; } diff --git a/src/components/ImageSwiper/styles/index.scss b/src/components/ImageSwiper/styles/index.scss index a44b168..e4c7f42 100644 --- a/src/components/ImageSwiper/styles/index.scss +++ b/src/components/ImageSwiper/styles/index.scss @@ -19,7 +19,7 @@ right: 8px; z-index: 10; background: rgba(0, 0, 0, 0.5); - border-radius: 50px; + border-radius: $uni-border-radius-50px; padding: 3px 8px; font-size: 8px; color: #fff; diff --git a/src/components/Privacy/styles/index.scss b/src/components/Privacy/styles/index.scss index 1ea253d..d0ecc42 100644 --- a/src/components/Privacy/styles/index.scss +++ b/src/components/Privacy/styles/index.scss @@ -43,7 +43,7 @@ .reject, .agree { - border-radius: 50px; + border-radius: $uni-border-radius-50px; width: 45%; border: none; font-size: 18px; @@ -57,7 +57,7 @@ .reject { color: #000; background-color: #f5f5f5; - border-radius: 50px; + border-radius: $uni-border-radius-50px; } .agree { diff --git a/src/components/ServiceTipsWord/styles/index.scss b/src/components/ServiceTipsWord/styles/index.scss index d9ad4e7..3f7608b 100644 --- a/src/components/ServiceTipsWord/styles/index.scss +++ b/src/components/ServiceTipsWord/styles/index.scss @@ -49,5 +49,5 @@ font-size: $uni-font-size-sm; font-weight: 500; color: #00a6ff; - border-radius: 50px; + border-radius: $uni-border-radius-50px; } diff --git a/src/components/Speech/RecordingWaveBtn.vue b/src/components/Speech/RecordingWaveBtn.vue index 2bf20e1..4a6efdf 100644 --- a/src/components/Speech/RecordingWaveBtn.vue +++ b/src/components/Speech/RecordingWaveBtn.vue @@ -109,7 +109,7 @@ defineExpose({ align-items: center; background-color: #00a6ff; height: 44px; - border-radius: 50px; + border-radius: $uni-border-radius-50px; } .audio-visualizer { diff --git a/src/pages-order/order/components/OrderInfo/styles/index.scss b/src/pages-order/order/components/OrderInfo/styles/index.scss index cf9b64b..ddb8177 100644 --- a/src/pages-order/order/components/OrderInfo/styles/index.scss +++ b/src/pages-order/order/components/OrderInfo/styles/index.scss @@ -122,7 +122,7 @@ $transition-normal: 0.3s ease; display: flex; align-items: center; justify-content: center; - border-radius: 50px; + border-radius: $uni-border-radius-50px; height: $button-height; font-size: $font-size-medium; font-weight: $font-weight-medium; diff --git a/src/pages/goods/styles/index.scss b/src/pages/goods/styles/index.scss index 9d85cf8..a724944 100644 --- a/src/pages/goods/styles/index.scss +++ b/src/pages/goods/styles/index.scss @@ -116,7 +116,7 @@ $button-color: #00a6ff; display: flex; align-items: center; justify-content: center; - border-radius: 50px; + border-radius: $uni-border-radius-50px; height: 42px; font-size: $uni-font-size-base; font-weight: 500; diff --git a/src/pages/login/components/AgreePopup/styles/index.scss b/src/pages/login/components/AgreePopup/styles/index.scss index 97101a9..04eb2e1 100644 --- a/src/pages/login/components/AgreePopup/styles/index.scss +++ b/src/pages/login/components/AgreePopup/styles/index.scss @@ -65,7 +65,7 @@ align-items: center; justify-content: center; color: #ffffff; - border-radius: 50px; + border-radius: $uni-border-radius-50px; font-size: 16px; font-weight: 500; transition: all 0.3s ease; diff --git a/src/pages/login/styles/index.scss b/src/pages/login/styles/index.scss index 0a4f70f..c0795d9 100644 --- a/src/pages/login/styles/index.scss +++ b/src/pages/login/styles/index.scss @@ -51,7 +51,7 @@ .login-btn { background: linear-gradient(246deg, #22a7ff 0%, #2567ff 100%); width: 100%; - border-radius: 50px; + border-radius: $uni-border-radius-50px; } } diff --git a/src/uni.scss b/src/uni.scss index 62eb87b..26dc8d6 100644 --- a/src/uni.scss +++ b/src/uni.scss @@ -21,37 +21,38 @@ $uni-color-warning: #f0ad4e; $uni-color-error: #dd524d; /* 文字基本颜色 */ -$uni-text-color:#333;//基本色 -$uni-text-color-inverse:#fff;//反色 -$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息 +$uni-text-color: #333; //基本色 +$uni-text-color-inverse: #fff; //反色 +$uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息 $uni-text-color-placeholder: #808080; -$uni-text-color-disable:#c0c0c0; +$uni-text-color-disable: #c0c0c0; /* 背景颜色 */ -$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-bg-color: #ffffff; +$uni-bg-color-grey: #f8f8f8; +$uni-bg-color-hover: #f1f1f1; //点击状态颜色 +$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色 /* 边框颜色 */ -$uni-border-color:#c8c7cc; +$uni-border-color: #c8c7cc; /* 尺寸变量 */ /* 文字尺寸 */ -$uni-font-size-sm:12px; -$uni-font-size-base:14px; -$uni-font-size-lg:16px; +$uni-font-size-sm: 12px; +$uni-font-size-base: 14px; +$uni-font-size-lg: 16px; /* 图片尺寸 */ -$uni-img-size-sm:20px; -$uni-img-size-base:26px; -$uni-img-size-lg:40px; +$uni-img-size-sm: 20px; +$uni-img-size-base: 26px; +$uni-img-size-lg: 40px; /* Border Radius */ $uni-border-radius-sm: 2px; $uni-border-radius-base: 3px; $uni-border-radius-lg: 6px; +$uni-border-radius-50px: 50px; $uni-border-radius-circle: 50%; /* 水平间距 */ @@ -68,9 +69,9 @@ $uni-spacing-col-lg: 12px; $uni-opacity-disabled: 0.3; // 组件禁用态的透明度 /* 文章场景相关 */ -$uni-color-title: #2C405A; // 文章标题颜色 -$uni-font-size-title:20px; +$uni-color-title: #2c405a; // 文章标题颜色 +$uni-font-size-title: 20px; $uni-color-subtitle: #555555; // 二级标题颜色 -$uni-font-size-subtitle:26px; -$uni-color-paragraph: #3F536E; // 文章段落颜色 -$uni-font-size-paragraph:15px; +$uni-font-size-subtitle: 26px; +$uni-color-paragraph: #3f536e; // 文章段落颜色 +$uni-font-size-paragraph: 15px;