feat: 圆角50px替换全局变量
This commit is contained in:
@@ -54,7 +54,7 @@
|
|||||||
top: -8px;
|
top: -8px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
background-color: #eff6fa;
|
background-color: #eff6fa;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
right: 8px;
|
right: 8px;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
padding: 3px 8px;
|
padding: 3px 8px;
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
@@ -43,7 +43,7 @@
|
|||||||
|
|
||||||
.reject,
|
.reject,
|
||||||
.agree {
|
.agree {
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
width: 45%;
|
width: 45%;
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
@@ -57,7 +57,7 @@
|
|||||||
.reject {
|
.reject {
|
||||||
color: #000;
|
color: #000;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.agree {
|
.agree {
|
||||||
|
|||||||
@@ -49,5 +49,5 @@
|
|||||||
font-size: $uni-font-size-sm;
|
font-size: $uni-font-size-sm;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #00a6ff;
|
color: #00a6ff;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -109,7 +109,7 @@ defineExpose({
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #00a6ff;
|
background-color: #00a6ff;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.audio-visualizer {
|
.audio-visualizer {
|
||||||
|
|||||||
@@ -122,7 +122,7 @@ $transition-normal: 0.3s ease;
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
height: $button-height;
|
height: $button-height;
|
||||||
font-size: $font-size-medium;
|
font-size: $font-size-medium;
|
||||||
font-weight: $font-weight-medium;
|
font-weight: $font-weight-medium;
|
||||||
|
|||||||
@@ -116,7 +116,7 @@ $button-color: #00a6ff;
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
font-size: $uni-font-size-base;
|
font-size: $uni-font-size-base;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|||||||
@@ -65,7 +65,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
|||||||
@@ -51,7 +51,7 @@
|
|||||||
.login-btn {
|
.login-btn {
|
||||||
background: linear-gradient(246deg, #22a7ff 0%, #2567ff 100%);
|
background: linear-gradient(246deg, #22a7ff 0%, #2567ff 100%);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 50px;
|
border-radius: $uni-border-radius-50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
41
src/uni.scss
41
src/uni.scss
@@ -21,37 +21,38 @@ $uni-color-warning: #f0ad4e;
|
|||||||
$uni-color-error: #dd524d;
|
$uni-color-error: #dd524d;
|
||||||
|
|
||||||
/* 文字基本颜色 */
|
/* 文字基本颜色 */
|
||||||
$uni-text-color:#333;//基本色
|
$uni-text-color: #333; //基本色
|
||||||
$uni-text-color-inverse:#fff;//反色
|
$uni-text-color-inverse: #fff; //反色
|
||||||
$uni-text-color-grey:#999;//辅助灰色,如加载更多的提示信息
|
$uni-text-color-grey: #999; //辅助灰色,如加载更多的提示信息
|
||||||
$uni-text-color-placeholder: #808080;
|
$uni-text-color-placeholder: #808080;
|
||||||
$uni-text-color-disable:#c0c0c0;
|
$uni-text-color-disable: #c0c0c0;
|
||||||
|
|
||||||
/* 背景颜色 */
|
/* 背景颜色 */
|
||||||
$uni-bg-color:#ffffff;
|
$uni-bg-color: #ffffff;
|
||||||
$uni-bg-color-grey:#f8f8f8;
|
$uni-bg-color-grey: #f8f8f8;
|
||||||
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
|
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
|
||||||
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
|
$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-sm: 12px;
|
||||||
$uni-font-size-base:14px;
|
$uni-font-size-base: 14px;
|
||||||
$uni-font-size-lg:16px;
|
$uni-font-size-lg: 16px;
|
||||||
|
|
||||||
/* 图片尺寸 */
|
/* 图片尺寸 */
|
||||||
$uni-img-size-sm:20px;
|
$uni-img-size-sm: 20px;
|
||||||
$uni-img-size-base:26px;
|
$uni-img-size-base: 26px;
|
||||||
$uni-img-size-lg:40px;
|
$uni-img-size-lg: 40px;
|
||||||
|
|
||||||
/* Border Radius */
|
/* Border Radius */
|
||||||
$uni-border-radius-sm: 2px;
|
$uni-border-radius-sm: 2px;
|
||||||
$uni-border-radius-base: 3px;
|
$uni-border-radius-base: 3px;
|
||||||
$uni-border-radius-lg: 6px;
|
$uni-border-radius-lg: 6px;
|
||||||
|
$uni-border-radius-50px: 50px;
|
||||||
$uni-border-radius-circle: 50%;
|
$uni-border-radius-circle: 50%;
|
||||||
|
|
||||||
/* 水平间距 */
|
/* 水平间距 */
|
||||||
@@ -68,9 +69,9 @@ $uni-spacing-col-lg: 12px;
|
|||||||
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
|
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
|
||||||
|
|
||||||
/* 文章场景相关 */
|
/* 文章场景相关 */
|
||||||
$uni-color-title: #2C405A; // 文章标题颜色
|
$uni-color-title: #2c405a; // 文章标题颜色
|
||||||
$uni-font-size-title:20px;
|
$uni-font-size-title: 20px;
|
||||||
$uni-color-subtitle: #555555; // 二级标题颜色
|
$uni-color-subtitle: #555555; // 二级标题颜色
|
||||||
$uni-font-size-subtitle:26px;
|
$uni-font-size-subtitle: 26px;
|
||||||
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
$uni-color-paragraph: #3f536e; // 文章段落颜色
|
||||||
$uni-font-size-paragraph:15px;
|
$uni-font-size-paragraph: 15px;
|
||||||
|
|||||||
Reference in New Issue
Block a user