feat: 更新用户设置界面，添加头部和返回按钮

src/views/trade-rwa/outlet.vue

@@ -12,7 +12,7 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions({ edi
   <ion-page>
     <ion-header>
       <ion-toolbar class="ui-toolbar">
-        <ion-back-button slot="start" text="" />
+        <ion-back-button slot="start" />
         <ion-title>
           {{ data?.product.code }}
         </ion-title>

src/views/user-settings/index.vue

@@ -49,42 +49,30 @@ function handleCopyUid() {
 </script>
 
 <template>
-  <ion-page>
+  <ion-content :fullscreen="true" class="ion-padding">
-    <ion-header>
+    <div class="flex flex-col items-center justify-center py-5">
-      <ion-toolbar class="ui-toolbar">
+      <div class="relative">
-        <ion-buttons slot="start">
+        <ui-avatar class="size-25" />
-          <ion-button @click="$router.back()">
-            <ion-icon slot="icon-only" :icon="arrowBackOutline" />
-          </ion-button>
-        </ion-buttons>
-        <ion-title>用户设置</ion-title>
-      </ion-toolbar>
-    </ion-header>
-
-    <ion-content :fullscreen="true" class="ion-padding">
-      <div class="flex flex-col items-center justify-center py-5">
-        <div class="relative">
-          <ui-avatar class="size-25" />
-        </div>
       </div>
+    </div>
 
-      <ion-list class="mt-5" lines="full">
+    <ion-list class="mt-5" lines="full">
-        <!-- uid -->
+      <!-- uid -->
-        <ion-item>
+      <ion-item>
-          <div class="flex justify-between w-full items-center">
+        <div class="flex justify-between w-full items-center">
-            <div class="flex-center space-x-2">
+          <div class="flex-center space-x-2">
-              <div class="text-sm font-semibold">
+            <div class="text-sm font-semibold">
-                UID
+              UID
-              </div>
-            </div>
-            <div class="end" @click="handleCopyUid">
-              <div>{{ userProfile?.uid }}</div>
-              <TdesignCopy />
             </div>
           </div>
-        </ion-item>
+          <div class="end" @click="handleCopyUid">
-        <!-- username -->
+            <div>{{ userProfile?.uid }}</div>
-        <!-- <ion-item button @click="router.push('/user/settings/username')">
+            <TdesignCopy />
+          </div>
+        </div>
+      </ion-item>
+      <!-- username -->
+      <!-- <ion-item button @click="router.push('/user/settings/username')">
           <div class="flex justify-between w-full items-center">
             <div class="flex-center space-x-2">
               <div class="text-sm font-semibold">
@@ -96,34 +84,34 @@ function handleCopyUid() {
             </div>
           </div>
         </ion-item> -->
-        <!-- nickname -->
+      <!-- nickname -->
-        <ion-item button @click="router.push('/user/settings/nickname')">
+      <ion-item button @click="router.push('/user/settings/nickname')">
-          <div class="flex justify-between w-full items-center">
+        <div class="flex justify-between w-full items-center">
-            <div class="flex-center space-x-2">
+          <div class="flex-center space-x-2">
-              <div class="text-sm font-semibold">
+            <div class="text-sm font-semibold">
-                昵称
+              昵称
-              </div>
-            </div>
-            <div class="end">
-              {{ userProfile?.nickname }}
             </div>
           </div>
-        </ion-item>
+          <div class="end">
-        <!-- email -->
+            {{ userProfile?.nickname }}
-        <ion-item button @click="router.push('/user/settings/email')">
+          </div>
-          <div class="flex justify-between w-full items-center">
+        </div>
-            <div class="flex-center space-x-2">
+      </ion-item>
-              <div class="text-sm font-semibold">
+      <!-- email -->
-                邮箱
+      <ion-item button @click="router.push('/user/settings/email')">
-              </div>
+        <div class="flex justify-between w-full items-center">
-            </div>
+          <div class="flex-center space-x-2">
-            <div class="end">
+            <div class="text-sm font-semibold">
-              {{ userProfile?.user?.email }}
+              邮箱
             </div>
           </div>
-        </ion-item>
+          <div class="end">
-        <!-- password -->
+            {{ userProfile?.user?.email }}
-        <!-- <ion-item button @click="router.push('/user/settings/password')">
+          </div>
+        </div>
+      </ion-item>
+      <!-- password -->
+      <!-- <ion-item button @click="router.push('/user/settings/password')">
           <div class="flex justify-between w-full items-center">
             <div class="flex-center space-x-2">
               <div class="text-sm font-semibold">
@@ -132,16 +120,15 @@ function handleCopyUid() {
             </div>
           </div>
         </ion-item> -->
-      </ion-list>
+    </ion-list>
 
-      <!-- Action Buttons -->
+    <!-- Action Buttons -->
-      <div class="mt-10">
+    <div class="mt-10">
-        <ion-button expand="block" color="tertiary" @click="handleSignOut">
+      <ion-button expand="block" color="tertiary" @click="handleSignOut">
-          Sign Out
+        Sign Out
-        </ion-button>
+      </ion-button>
-      </div>
+    </div>
-    </ion-content>
+  </ion-content>
-  </ion-page>
 </template>
 
 <style lang='css' scoped>

src/views/user-settings/outlet.vue

@@ -2,7 +2,13 @@
 
 <template>
   <ion-page>
-    <ion-router-outlet />
+    <ion-header>
+      <ion-toolbar class="ui-toolbar">
+        <ion-back-button slot="start" />
+        <ion-title>用户设置</ion-title>
+      </ion-toolbar>
+    </ion-header>
+    <router-view />
   </ion-page>
 </template>