fix: upload my image

pages/avatar/index.vue

@@ -70,13 +70,16 @@
       <!-- 头像选择区 -->
       <view v-if="activeTool === 'avatar'" class="section">
         <view class="section-title">选择头像</view>
+
+        <!-- 新增：醒目的上传头像按钮 -->
+        <view class="upload-area" @tap="onChooseAlbum">
+          <view class="upload-btn-large">
+            <uni-icons type="camera-filled" size="24" color="#fff"></uni-icons>
+            <text class="btn-text">上传我的照片/头像</text>
+          </view>
+        </view>
+
         <view class="grid">
-          <view class="grid-item upload-card" @tap="onChooseAlbum">
-            <view class="wechat-avatar-btn">
-              <view class="upload-icon">✨</view>
-              <text class="upload-text">上传头像</text>
-            </view>
-          </view>
           <view
             v-for="item in systemAvatars"
             :key="item.id"
@@ -755,6 +758,34 @@ onShareTimeline(async () => {
   padding-bottom: 200rpx;
 }
 
+.upload-area {
+  margin-bottom: 30rpx;
+}
+
+.upload-btn-large {
+  width: 100%;
+  height: 96rpx;
+  background: linear-gradient(135deg, #ff6b66 0%, #ff3b30 100%);
+  border-radius: 16rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 8rpx 24rpx rgba(255, 59, 48, 0.25);
+  transition: all 0.2s;
+
+  &:active {
+    transform: scale(0.98);
+    opacity: 0.9;
+  }
+
+  .btn-text {
+    color: #fff;
+    font-size: 30rpx;
+    font-weight: 600;
+    margin-left: 12rpx;
+  }
+}
+
 .top-steps {
   background: #fff;
   padding: 30rpx 40rpx;