feat: 更新用户界面，添加 Rwa 组件并优化交易视图

src/ui/avatar/index.vue

@@ -1,7 +1,17 @@
-<script lang='ts' setup></script>
+<script lang='ts' setup>
+import type { ComponentInstance } from "vue";
+
+const vm = getCurrentInstance()!;
+
+function changeRef(exposed: any) {
+  vm.exposed = exposed;
+}
+
+defineExpose({} as ComponentInstance<typeof IonAvatar>);
+</script>
 
 <template>
-  <ion-avatar v-bind="$attrs">
+  <ion-avatar v-bind="$attrs" :ref="changeRef">
     <img
       src="https://api.iconify.design/material-icon-theme:drizzle.svg"
       alt="Avatar"
@@ -11,7 +21,8 @@
 
 <style lang='css' scoped>
 ion-avatar {
+  --padding: 10px;
   background-color: #e7f6e1;
-  padding: 10px;
+  padding: var(--padding);
 }
 </style>