feat: 替换sass版本,定义全局样式,实现简单的页面布局操作,比如颜色、边距、圆角等
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user