feat: 完成前端业务闭环与后端联调

pages/profile/ceremony-invitations.vue

@@ -204,7 +204,7 @@ onUnload(() => {
 }
 
 .page-content {
-  padding: 36rpx 32rpx 68rpx;
+  padding: 36rpx 32rpx calc(68rpx + env(safe-area-inset-bottom));
 }
 
 .state-card,
@@ -258,6 +258,10 @@ onUnload(() => {
   gap: 20rpx;
 }
 
+.invitation-card__heading {
+  align-items: flex-start;
+}
+
 .invitation-card__heading text:first-child {
   flex: 1;
   color: #40291e;
@@ -295,7 +299,25 @@ onUnload(() => {
 }
 
 .invitation-card__actions {
+  flex-wrap: wrap;
   justify-content: flex-end;
   padding-top: 8rpx;
 }
+
+.invitation-card__actions .app-button {
+  min-width: 152rpx;
+}
+
+@media (max-width: 340px) {
+  .page-content {
+    padding-right: 22rpx;
+    padding-left: 22rpx;
+  }
+
+  .state-card,
+  .invitation-card {
+    padding-right: 24rpx;
+    padding-left: 24rpx;
+  }
+}
 </style>