编辑资料页面UI调整：添加横幅图片区域

app/src/main/java/com/aiosman/ravenow/ui/account/edit2.kt

@@ -1,5 +1,8 @@
 package com.aiosman.ravenow.ui.account
 
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -47,12 +50,24 @@ import com.aiosman.ravenow.ui.modifiers.noRippleClickable
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
 import android.util.Log
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Text
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+import com.aiosman.ravenow.ConstVars
+import com.aiosman.ravenow.ui.composables.pickupAndCompressLauncher
+import java.io.File
 
 /**
  * 编辑用户资料界面
  */
 @Composable
-fun AccountEditScreen2() {
+fun AccountEditScreen2(onUpdateBanner: ((Uri, File, Context) -> Unit)? = null,) {
     val model = AccountEditViewModel
     val navController = LocalNavController.current
     val context = LocalContext.current
@@ -61,6 +76,19 @@ fun AccountEditScreen2() {
     
     // 防抖导航器
     val debouncedNavigation = rememberDebouncedNavigation()
+
+    // 添加图片选择启动器
+    val scope = rememberCoroutineScope()
+    val pickBannerImageLauncher = pickupAndCompressLauncher(
+        context,
+        scope,
+        maxSize = ConstVars.BANNER_IMAGE_MAX_SIZE,
+        quality = 100
+    ) { uri, file ->
+        // 处理选中的图片
+        onUpdateBanner?.invoke(uri, file, context)
+    }
+
     fun onNicknameChange(value: String) {
         // 去除换行符，确保昵称不包含换行
         val cleanValue = value.replace("\n", "").replace("\r", "")
@@ -152,8 +180,61 @@ fun AccountEditScreen2() {
                 )
             }
         }
-        Spacer(modifier = Modifier.height(44.dp))
+
-        
+
+        // 添加横幅图片区域
+        val banner = model.profile?.banner
+
+            Box(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(300.dp)
+                    .clip(RoundedCornerShape(12.dp))
+            ) {
+                if (banner != null) {
+                CustomAsyncImage(
+                    context = LocalContext.current,
+                    imageUrl = banner,
+                    modifier = Modifier.fillMaxSize(),
+                    contentDescription = "Banner",
+                    contentScale = ContentScale.Crop
+                )
+            } else {
+                    Box(
+                        modifier = Modifier
+                            .fillMaxSize()
+                            .background(Color.Gray.copy(alpha = 0.1f))
+                    )
+            }
+                Box(
+                    modifier = Modifier
+                        .width(120.dp)
+                        .height(42.dp)
+                        .align(Alignment.BottomEnd)
+                        .padding(end = 12.dp, bottom = 12.dp)
+                        .background(
+                            color = Color.Black.copy(alpha = 0.4f),
+                            shape = RoundedCornerShape(9.dp)
+                        )
+                        .noRippleClickable {
+                            Intent(Intent.ACTION_PICK).apply {
+                                type = "image/*"
+                                pickBannerImageLauncher.launch(this)
+                            }
+                        }
+                ){
+                    Text(
+                        text = "change",
+                        fontSize = 14.sp,
+                        fontWeight = FontWeight.W600,
+                        color = Color.White,
+                        modifier = Modifier.align(Alignment.Center)
+                    )
+                }
+        }
+
+        Spacer(modifier = Modifier.height(20.dp))
+
         // 显示内容或加载状态
         Log.d("AccountEditScreen2", "UI状态 - profile: ${model.profile?.nickName}, isLoading: ${model.isLoading}")
         when {
@@ -180,7 +261,15 @@ fun AccountEditScreen2() {
                         modifier = Modifier
                             .size(32.dp)
                             .clip(CircleShape)
-                            .background(appColors.main)
+                            .background(
+                                brush = Brush.linearGradient(
+                                colors = listOf(
+                                    Color(0xFF7c45ed),
+                                    Color(0x997c68ef),
+                                    Color(0xFF7bd8f8)
+                                )
+                            ),
+                                )
                             .align(Alignment.BottomEnd)
                             .debouncedClickable(
                                 debounceTime = 800L
@@ -198,7 +287,7 @@ fun AccountEditScreen2() {
                         )
                     }
                 }
-                Spacer(modifier = Modifier.height(58.dp))
+                Spacer(modifier = Modifier.height(18.dp))
                 Column(
                     modifier = Modifier
                         .weight(1f)

app/src/main/java/com/aiosman/ravenow/ui/index/tabs/profile/composable/SelfProfileAction.kt

@@ -50,7 +50,7 @@ fun SelfProfileAction(
                 .weight(1f)
                 .clip(RoundedCornerShape(10.dp))
                 .background(AppColors.nonActive)
-                .padding(horizontal = 16.dp, vertical = 12.dp)
+                .padding(horizontal = 5.dp, vertical = 12.dp)
                 .noRippleClickable {
                     editProfileDebouncer {
                         onEditProfile()