Quellcode durchsuchen

添加ui主题色替换功能

yuanmingze vor 2 Monaten
Ursprung
Commit
98238d1015

+ 1 - 1
src/components/ModernDialog.vue

@@ -60,7 +60,7 @@ const props = defineProps({
   /** 成功按钮背景色(可用渐变) */
   confirmColor: {
     type: String,
-    default: 'linear-gradient(90deg, #ff7a00, #ffa94d)',
+    default: 'linear-gradient(90deg, #0072f8, #ffa94d)',
   },
   /** 失败按钮文字/边框颜色(plain 模式下作为描边+文字色) */
   cancelColor: {

+ 3 - 3
src/components/StepProgress.vue

@@ -61,7 +61,7 @@ const steps = ['确认开票信息', '开票认证', '完成缴税', '提交开
       transition: background 0.3s ease;
 
       &.active {
-        background: #ff7a00;
+        background: #0072f8;
       }
     }
 
@@ -78,7 +78,7 @@ const steps = ['确认开票信息', '开票认证', '完成缴税', '提交开
       transition: background 0.3s ease;
 
       &.active {
-        background: linear-gradient(90deg, #ff7a00, #ffa94d);
+        background: linear-gradient(90deg, #0072f8, #3a9fff);
       }
     }
 
@@ -91,7 +91,7 @@ const steps = ['确认开票信息', '开票认证', '完成缴税', '提交开
       transition: color 0.3s ease;
 
       &.active {
-        color: #ff7a00;
+        color: #0072f8;
         font-weight: 600;
       }
     }

+ 2 - 2
src/views/agreement/index.vue

@@ -68,11 +68,11 @@ const onClickLeft = () => history.back()
 }
 
 /* 修改左侧返回图标颜色与大小 */
+
 :deep(.van-icon-arrow-left) {
-  color: #ff8036;
+  color: #0072f8;
   font-size: 28px;
 }
-
 .agreementContent {
   padding: 16px;
   overflow-y: auto;

+ 2 - 2
src/views/face-recognition/index.vue

@@ -17,7 +17,7 @@
 
     <!-- 加载状态 -->
     <div class="loading-box">
-      <van-loading size="24px" color="#ff8036" />
+      <van-loading size="24px" color="#0072f8" />
       <div class="loading-text">正在获取认证信息,请稍候…</div>
     </div>
   </div>
@@ -72,7 +72,7 @@ onBeforeMount(() => {
 }
 
 :deep(.van-icon-arrow-left) {
-  color: #ff8036;
+  color: #0072f8;
   font-size: 28px;
 }
 

+ 3 - 3
src/views/identity-upload/index.vue

@@ -236,7 +236,7 @@ onMounted(async () => {
 
 /* 修改左侧返回图标颜色与大小 */
 :deep(.van-icon-arrow-left) {
-  color: #ff8036;
+  color: #0072f8;
   font-size: 28px;
 }
 /* 上传区域 */
@@ -321,11 +321,11 @@ onMounted(async () => {
 .next-btn {
   font-size: 4vw;
   height: 12vw;
-  background: linear-gradient(90deg, #ff7a00, #ff9800);
+  background: linear-gradient(90deg, #0072f8 0%, #3a9fff 100%);
   border: none;
 }
 .next-btn:disabled {
-  background: #ffd1a1;
+  background: #3a9fff;
   color: #fff;
 }
 </style>

+ 1 - 1
src/views/invoice-information/detail.vue

@@ -143,7 +143,7 @@ onMounted(() => {
 
 // 修改左侧返回图标颜色
 :deep(.van-icon-arrow-left) {
-  color: #ff8036;
+  color: #0072f8;
   font-size: 28px;
 }
 

+ 4 - 5
src/views/invoice-information/index.vue

@@ -111,7 +111,6 @@
         block
         :disabled="btnDisabled"
         round
-        color="linear-gradient(90deg, #ff7a00, #ffa94d)"
         class="next-btn"
         @click="handleNextDebounced"
       >
@@ -230,7 +229,7 @@ onMounted(async () => {
         .dot {
           width: 6px;
           height: 28px;
-          background: #ff7a00;
+          background: #0072f8;
           border-radius: 4px;
           margin-right: 2vw;
         }
@@ -314,12 +313,12 @@ onMounted(async () => {
           }
 
           .highlight {
-            color: #ff7a00;
+            color: #0072f8;
             font-weight: 600;
           }
 
           .link {
-            color: #ff7a00;
+            color: #0072f8;
             cursor: pointer;
             font-weight: 500;
           }
@@ -338,10 +337,10 @@ onMounted(async () => {
 
     .next-btn {
       font-size: 4.2vw;
+      background: linear-gradient(90deg, #0072f8 0%, #3a9fff 100%);
       width: 90%;
       margin: 0 auto;
       height: 12vw;
-      box-shadow: 0 4px 10px rgba(255, 128, 54, 0.25);
     }
   }
 

+ 2 - 2
src/views/login/index.vue

@@ -463,12 +463,12 @@ onBeforeMount(() => {
 
     .login-btn {
       margin: 0 auto;
-      background: linear-gradient(90deg, #ff8036 0%, #ffa253 100%);
+      background: linear-gradient(90deg, #0072f8 0%, #3a9fff 100%);
       box-shadow: 0 4px 12px rgba(255, 128, 54, 0.3);
     }
 
     .register-btn {
-      background: linear-gradient(90deg, #0072f8 0%, #3a9fff 100%);
+      background: linear-gradient(90deg, #ff8036 0%, #ffa253 100%);
       box-shadow: 0 4px 12px rgba(0, 114, 248, 0.25);
     }
 

+ 1 - 1
src/views/success/index.vue

@@ -48,7 +48,7 @@ onMounted(() => {
 
   .success-icon {
     font-size: 16vw;
-    color: #ff8036; /* 微信绿 */
+    color: #0072f8; /* 微信绿 */
     margin-bottom: 6vw;
   }
 

+ 1 - 1
src/views/success/loginSuccess.vue

@@ -46,7 +46,7 @@ onMounted(() => {
 
   .success-icon {
     font-size: 16vw;
-    color: #ff8036; /* 微信绿 */
+    color: #0072f8; /* 微信绿 */
     margin-bottom: 6vw;
   }