ow

uniapp/youjiala/src/components/folder-name-dialog/folder-name-dialog.vue

@@ -7,6 +7,7 @@
  */
 import { useLocale } from "uview-pro";
 import { computed, ref, watch } from "vue";
+import { useThemeTokens } from "@/composables";
 
 const props = defineProps({
   /** 对话框是否展开 */
@@ -49,6 +50,8 @@ const emit = defineEmits<{
 }>();
 
 const { t } = useLocale();
+// 确认钮纯色跟主题（渐变浅档白字发糊）
+const { primary } = useThemeTokens();
 
 const name = ref("");
 
@@ -90,7 +93,8 @@ function onConfirm(): void {
           </text>
         </view>
         <view class="folder-name-dialog__btn folder-name-dialog__btn--primary"
-          :class="{ 'folder-name-dialog__btn--muted': !canSubmit || props.submitting }" @click="onConfirm">
+          :class="{ 'folder-name-dialog__btn--muted': !canSubmit || props.submitting }" :style="{ background: primary }"
+          @click="onConfirm">
           <text class="folder-name-dialog__btn-text folder-name-dialog__btn-text--primary">
             {{ props.confirmLabel || t("FilePage.folderConfirm") }}
           </text>
@@ -133,30 +137,34 @@ function onConfirm(): void {
     margin-top: 32rpx;
   }
 
+  /* 底部按键统一规格（同 option-picker）：等高圆角矩形 + 细描边，非胶囊 */
   &__btn {
     display: flex;
     flex: 1;
     align-items: center;
     justify-content: center;
-    height: 76rpx;
-    border-radius: 999rpx;
-    background-color: #f5f6f8;
+    height: 96rpx;
+    border: 2rpx solid #e5e6eb;
+    border-radius: 24rpx;
+    background-color: #ffffff;
 
     &--primary {
+      border-color: transparent;
       background-color: #2b8fff;
     }
 
-    /* 名称为空或提交中：主按钮置灰（仍可点，由 onConfirm 拦截） */
+    /* 名称为空或提交中：纯色 + 透明度置灰（色相不脱节，仍可点，由 onConfirm 拦截） */
     &--muted {
-      background-color: #b9d6ff;
+      opacity: 0.45;
     }
   }
 
   &__btn-text {
-    font-size: 28rpx;
+    font-size: 32rpx;
     color: #5c626b;
 
     &--primary {
+      font-weight: 600;
       color: #ffffff;
     }
   }