移动端弹窗位置修改

src/views/Feedback.vue

@@ -337,7 +337,11 @@ onMounted(() => {
     <img w-full :src="dialogImageUrl" alt="Preview Image" />
   </el-dialog>
 
-  <el-dialog v-model="feedbackBackDialogVisible" class="save-dialog">
+  <el-dialog
+    v-model="feedbackBackDialogVisible"
+    class="save-dialog"
+    align-center
+  >
     <div class="imgLine">
       <img class="dialogImg" :src="save" alt="保存" />
     </div>
@@ -365,6 +369,7 @@ onMounted(() => {
   <el-dialog
     v-model="feedbackContentOverLengthDialogVisible"
     class="save-dialog"
+    align-center
   >
     <div class="feedbackContentOverLengthTitle">温馨提示</div>
     <div class="feedbackContentOverLengthContent">当前输入字数已达上限！</div>
@@ -378,7 +383,7 @@ onMounted(() => {
     </div>
   </el-dialog>
 
-  <el-dialog v-model="submitSuccessDialogVisible" class="save-dialog">
+  <el-dialog v-model="submitSuccessDialogVisible" class="save-dialog" align-center>
     <div class="imgLine">
       <img class="dialogImg" :src="success" alt="成功" />
     </div>

src/views/components/HistoryRecord.vue

@@ -383,6 +383,7 @@
     v-model="deleteDialogVisible"
     title="永久删除记录"
     :width="computedDialogWidth"
+    align-center
   >
     <span>删除后，该记录将不可恢复。确认删除吗？</span>
     <template #footer>

src/views/homePage.vue

@@ -1671,6 +1671,7 @@ onUnmounted(() => {
       v-model="confirmDialogVisible"
       :width="isMobile ? '60%' : '30%'"
       :show-close="false"
+      :align-center="isMobile"
     >
       <div class="confirmDialogTitle">兑换</div>
       <div class="confirmDialogContent">
@@ -1691,6 +1692,7 @@ onUnmounted(() => {
       :width="isMobile ? '60%' : '30%'"
       :show-close="false"
       class="changeSuccessDialog"
+      :align-center="isMobile"
     >
       <div class="changeSuccessDialogTitle">兑换成功</div>
       <div class="changeSuccessDialogContent">
@@ -1889,7 +1891,7 @@ body {
   }
   /* 当历史记录组件折叠时调整主容器边距 */
   .main-container.collapsed {
-    margin-left: 3%;
+    margin-left: 40px;
   }
 }
 
@@ -2688,10 +2690,9 @@ body {
     width: 25vw;
   }
 
-
-.homepage-right-group{
-  gap: 10px;
-}
+  .homepage-right-group {
+    gap: 10px;
+  }
 
   .homepage-right-group .action-btn {
     height: 30px;