fix

Web/src/components/AddClassifyDialog.vue

@@ -1,30 +1,45 @@
 <template>
-  <PopupContainer
+  <PopupContainerV2
     v-model:show="show"
     title="新增交易分类"
-    show-cancel-button
-    show-confirm-button
-    confirm-text="确认"
-    cancel-text="取消"
-    @confirm="handleConfirm"
-    @cancel="resetAddForm"
+    :height="'auto'"
   >
-    <van-form ref="addFormRef">
-      <van-field
-        v-model="classifyName"
-        name="name"
-        label="分类名称"
-        placeholder="请输入分类名称"
-        :rules="[{ required: true, message: '请输入分类名称' }]"
-      />
-    </van-form>
-  </PopupContainer>
+    <div style="padding: 16px">
+      <van-form ref="addFormRef">
+        <van-field
+          v-model="classifyName"
+          name="name"
+          label="分类名称"
+          placeholder="请输入分类名称"
+          :rules="[{ required: true, message: '请输入分类名称' }]"
+        />
+      </van-form>
+    </div>
+    <template #footer>
+      <div style="display: flex; gap: 12px">
+        <van-button
+          plain
+          style="flex: 1"
+          @click="resetAddForm"
+        >
+          取消
+        </van-button>
+        <van-button
+          type="primary"
+          style="flex: 1"
+          @click="handleConfirm"
+        >
+          确认
+        </van-button>
+      </div>
+    </template>
+  </PopupContainerV2>
 </template>
 
 <script setup>
 import { ref } from 'vue'
 import { showToast } from 'vant'
-import PopupContainer from './PopupContainer.vue'
+import PopupContainerV2 from './PopupContainerV2.vue'
 
 const emit = defineEmits(['confirm'])