feat: 替换sass版本,定义全局样式,实现简单的页面布局操作,比如颜色、边距、圆角等

This commit is contained in:
duanshuwen
2025-10-06 13:13:16 +08:00
parent e0f0e90635
commit c8e51e4975
108 changed files with 366 additions and 517 deletions

View File

@@ -3,10 +3,10 @@
}
.order-header {
font-size: 14px;
font-size: $uni-font-size-base;
font-weight: 500;
margin-bottom: 10px;
color: #333;
color: $uni-text-color;
}
.order-content {
@@ -36,9 +36,9 @@
}
.order-description {
font-size: 14px;
font-size: $uni-font-size-base;
font-weight: 500;
color: #333;
color: $uni-text-color;
}
.order-line {
@@ -75,8 +75,8 @@
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 14px;
color: #333;
font-size: $uni-font-size-base;
color: $uni-text-color;
}
.detail-label {
@@ -85,15 +85,15 @@
}
.detail-value {
color: #333;
color: $uni-text-color;
}
.detail-input {
border: none;
outline: none;
width: calc(100% - 80px);
font-size: 14px;
color: #333;
font-size: $uni-font-size-base;
color: $uni-text-color;
border-bottom: 1px solid #ddd;
}
@@ -101,8 +101,8 @@
border: none;
outline: none;
width: 100%;
font-size: 14px;
color: #333;
font-size: $uni-font-size-base;
color: $uni-text-color;
}
.order-button {
@@ -110,7 +110,7 @@
height: 42px;
background: linear-gradient(90deg, #ff7e00, #ffba00);
color: #fff;
font-size: 14px;
font-size: $uni-font-size-base;
font-weight: 600;
border-radius: 20px;
margin-top: 20px;
@@ -131,9 +131,9 @@
.order-button-secondary {
flex: 1;
height: 42px;
background: linear-gradient(90deg, #0256FF, #00A6FF);
background: linear-gradient(90deg, #0256ff, #00a6ff);
color: #fff;
font-size: 14px;
font-size: $uni-font-size-base;
font-weight: 600;
border: none;
border-radius: 20px;
@@ -148,7 +148,7 @@
height: 42px;
background: linear-gradient(90deg, #ff7e00, #ffba00);
color: #fff;
font-size: 14px;
font-size: $uni-font-size-base;
font-weight: 600;
border-radius: 20px;
display: flex;
@@ -160,7 +160,7 @@
margin-bottom: 12px;
display: flex;
align-items: center;
font-size: 14px;
font-size: $uni-font-size-base;
color: #ed6a0c;
}