feat: 调整颜色
This commit is contained in:
@@ -90,10 +90,10 @@ const clickItem = (item) => {
|
|||||||
.swiper-item {
|
.swiper-item {
|
||||||
display: block;
|
display: block;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
background: #EBEFFF;
|
|
||||||
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid #C7D2FE;
|
border: 1px solid $theme-color-200;
|
||||||
|
background: $theme-color-100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-color {
|
.text-color {
|
||||||
@@ -108,10 +108,10 @@ const clickItem = (item) => {
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
padding: 4px 12px;
|
padding: 4px 12px;
|
||||||
background: #EBEFFF;
|
|
||||||
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
border: 1px solid #C7D2FE;
|
border: 1px solid $theme-color-200;
|
||||||
|
background: $theme-color-100;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
@@ -60,7 +60,7 @@
|
|||||||
.confirm-btn {
|
.confirm-btn {
|
||||||
width: 148px;
|
width: 148px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
background: linear-gradient(90deg, #22a7ff 0%, #2567ff 100%);
|
background: linear-gradient(90deg, $theme-color-400 0%, $theme-color-500 100%);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -71,11 +71,11 @@
|
|||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #0056cc;
|
background: $theme-color-700;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background: #004499;
|
background: $theme-color-800;
|
||||||
transform: scale(0.98);
|
transform: scale(0.98);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user