添加页面文件

src/pages/user.vue

@@ -1,10 +1,16 @@
 <script setup>
-
+import AppBackground from "@/components/AppBackground.vue";
 </script>
 
 <template>
   <view class="user-container">
-    <navigator open-type="navigateBack" hover-class="back-hover" class="back-btn">返回</navigator>
+    <AppBackground />
+    <navigator
+      open-type="navigateBack"
+      hover-class="back-hover"
+      class="back-btn"
+      >返回</navigator
+    >
     <view class="user-header">
       <view class="avatar-box">
         <image class="avatar" src="/static/avatar.png" mode="aspectFill" />
@@ -84,7 +90,7 @@
   top: 2rem;
   left: 2rem;
   padding: 0.5rem 1rem;
-  background-color: #007AFF;
+  background-color: #007aff;
   color: #fff;
   border-radius: 5px;
   font-size: 14px;
@@ -93,4 +99,4 @@
 .back-hover {
   opacity: 0.8;
 }
-</style>
+</style>