zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 圆角50px替换全局变量

Browse Source
This commit is contained in:
duanshuwen
2025-10-06 17:30:17 +08:00
parent dad5c4cc5e
commit 637c5f674b
10 changed files with 31 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CreateServiceOrder/styles/index.scss
View File

@@ -54,7 +54,7 @@
top: -8px;
width: 16px;
height: 16px;
border-radius: 50px;
border-radius: $uni-border-radius-50px;
background-color: #eff6fa;
}

2
src/components/ImageSwiper/styles/index.scss
View File

@@ -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;

4
src/components/Privacy/styles/index.scss
View File

@@ -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 {

2
src/components/ServiceTipsWord/styles/index.scss
View File

@@ -49,5 +49,5 @@
font-size: $uni-font-size-sm;
font-weight: 500;
color: #00a6ff;
border-radius: 50px;
border-radius: $uni-border-radius-50px;
}

2
src/components/Speech/RecordingWaveBtn.vue
View File

@@ -109,7 +109,7 @@ defineExpose({
align-items: center;
background-color: #00a6ff;
height: 44px;
border-radius: 50px;
border-radius: $uni-border-radius-50px;
}
.audio-visualizer {

2
src/pages-order/order/components/OrderInfo/styles/index.scss
View File

@@ -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;

2
src/pages/goods/styles/index.scss
View File

@@ -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;

2
src/pages/login/components/AgreePopup/styles/index.scss
View File

@@ -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;

2
src/pages/login/styles/index.scss
View File

@@ -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;
}
}

41
src/uni.scss
View File

@@ -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;