feat:颜色主色调的调整

This commit is contained in:
2026-04-23 10:12:49 +08:00
parent d2e650a434
commit 99b82810c2
9 changed files with 17 additions and 13 deletions

View File

@@ -1,5 +1,5 @@
.command-wrapper { .command-wrapper {
background-color: #00a6ff; background-color: $theme-color-500;
border-radius: 20px 4px 20px 20px; border-radius: 20px 4px 20px 20px;
padding: 8px 24px; padding: 8px 24px;
width: max-content; width: max-content;

View File

@@ -188,7 +188,7 @@ const addForm = () => {
font-weight: 600; font-weight: 600;
margin-bottom: 20rpx; margin-bottom: 20rpx;
color: #333; color: #333;
border-left: 6rpx solid #00a6ff; border-left: 6rpx solid $theme-color-500;
padding-left: 16rpx; padding-left: 16rpx;
} }
@@ -214,7 +214,7 @@ const addForm = () => {
.add-btn { .add-btn {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
background: #00a6ff; background: $theme-color-500;
color: #fff; color: #fff;
border: none; border: none;
border-radius: 8rpx; border-radius: 8rpx;

View File

@@ -1,12 +1,12 @@
<template> <template>
<view class="form-wrapper"> <view class="form-wrapper">
<view class="form-header"> <view class="form-header">
<uni-icons class="minus" color="#00A6FF" size="22" type="minus" /> <uni-icons class="minus uni-color" color="opacity" size="22" type="minus" />
<text class="form-title">{{ title }}</text> <text class="form-title">{{ title }}</text>
<uni-icons <uni-icons
v-if="showDeleteIcon" v-if="showDeleteIcon"
class="delete" class="delete uni-color"
color="#00A6FF" color="opacity"
size="22" size="22"
type="trash" type="trash"
@click="handleDelete" @click="handleDelete"

View File

@@ -29,6 +29,10 @@ $form-transition: all 0.2s ease;
padding: 10px 12px; padding: 10px 12px;
min-height: 44px; min-height: 44px;
.uni-color {
color: $theme-color-500;
}
.minus, .minus,
.delete { .delete {
height: 22px; height: 22px;
@@ -50,7 +54,7 @@ $form-transition: all 0.2s ease;
margin-left: 8px; margin-left: 8px;
font-size: $uni-font-size-lg; font-size: $uni-font-size-lg;
font-weight: 500; font-weight: 500;
color: $form-primary-color; color: $theme-color-500;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -110,7 +114,7 @@ $form-transition: all 0.2s ease;
} }
&:focus { &:focus {
border-bottom-color: $form-primary-color; border-bottom-color: $theme-color-500;
&::placeholder { &::placeholder {
opacity: 0.5; opacity: 0.5;

View File

@@ -48,6 +48,6 @@
); );
font-size: $uni-font-size-sm; font-size: $uni-font-size-sm;
font-weight: 500; font-weight: 500;
color: #00a6ff; color: $theme-color-500;
border-radius: $uni-border-radius-50px; border-radius: $uni-border-radius-50px;
} }

View File

@@ -107,7 +107,7 @@ defineExpose({
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #00a6ff; background-color: $theme-color-500;
height: 44px; height: 44px;
border-radius: $uni-border-radius-50px; border-radius: $uni-border-radius-50px;
} }

View File

@@ -8,6 +8,6 @@
border-radius: 10px; border-radius: 10px;
padding: 8px 16px; padding: 8px 16px;
font-size: $uni-font-size-sm; font-size: $uni-font-size-sm;
color: #00a6ff; color: $theme-color-500;
white-space: nowrap; white-space: nowrap;
} }

View File

@@ -185,7 +185,7 @@
.confirm-btn { .confirm-btn {
width: 160px; width: 160px;
height: 48px; height: 48px;
background: linear-gradient(179deg, #00a6ff 0%, #0256ff 100%); background: linear-gradient(179deg, $theme-color-500 0%, $theme-color-700 100%);
color: #fff; color: #fff;
border: none; border: none;
border-radius: 24px; border-radius: 24px;

View File

@@ -33,7 +33,7 @@
} }
.date-item.active { .date-item.active {
background-color: #00a6ff; background-color: $theme-color-500;
} }
.date-item.active .label, .date-item.active .label,
.date-item.active .date { .date-item.active .date {