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

pages/profile/home.vue

@@ -594,7 +594,7 @@ onUnload(() => {
   top: 337rpx;
   right: 61rpx;
   width: 154rpx;
-  min-height: 52rpx;
+  min-height: 72rpx;
   margin: 0;
   padding: 0;
   border: 0;
@@ -814,4 +814,37 @@ onUnload(() => {
   opacity: 0.68;
 }
 
+@media (max-width: 340px) {
+  .profile-hero__content {
+    padding-right: 42rpx;
+    padding-left: 42rpx;
+  }
+
+  .profile-hero__emblem {
+    width: 176rpx;
+    height: 176rpx;
+  }
+
+  .profile-metadata {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .profile-metadata__item:first-child {
+    border-right: 0;
+  }
+
+  .profile-metadata__item + .profile-metadata__item {
+    border-top: 1rpx solid rgba(117, 83, 52, 0.16);
+  }
+
+  .profile-metadata__item--email {
+    grid-column: auto;
+  }
+
+  .profile-services {
+    margin-right: 38rpx;
+    margin-left: 38rpx;
+  }
+}
+
 </style>