优化用户中心界面

entry/src/main/ets/pages/UserCenter.ets

@@ -122,8 +122,10 @@ export struct UserCenter {
     // { icon: $r('app.media.lrc'), title: '歌词下载', description: '支持歌词API在线下载LRC歌词，实现完美同步', isVipOnly: true },
     // { icon: $r('app.media.cover'), title: '封面API', description: '支持设置自动下载封面', isVipOnly: true },
     { icon: $r('app.media.theme'), title: '主题定制', description: '自定义播放器主题，打造独一无二的个性风格', isVipOnly: true,hasCome:true },
+    { icon: $r('app.media.lrc'), title: '无广告', description: '清爽界面，无广告播放器', isVipOnly: true ,hasCome:true},
+    { icon: $r('app.media.cover'), title: '跳过头尾', description: '为某个歌单专门定制设置跳过头尾', isVipOnly: true ,hasCome:true},
     { icon: $r('app.media.car'), title: 'HiCAR播放', description: '专为驾车体验优化的音乐播放模式', isVipOnly: true ,hasCome:false},
-    { icon: $r('app.media.music_wave'), title: '参数均衡', description: '精准定制音效，带来极致听觉体验', isVipOnly: true ,hasCome:true},
+    { icon: $r('app.media.music_wave'), title: '调音均衡器', description: '精准定制音效，带来极致听觉体验', isVipOnly: true ,hasCome:false},
   ];
   @State vipPlans: VipPlanApi[] = [];
   @State selectedPayPlan: VipPlanApi | null = null;
@@ -259,8 +261,9 @@ export struct UserCenter {
       Scroll() {
         Column() {
           this.buildUserInfoCard()
-          this.buildVipFeatures()
           this.buildVipPlans()
+          this.buildVipFeatures()
+
           // this.buildFunctionMenu()
         }
         .width('100%')
@@ -378,7 +381,7 @@ export struct UserCenter {
     }
     .backgroundColor(Color.White)
     .borderRadius(24)
-    .margin({ left: 14, right: 14, top: 12 })
+    .margin({ left: 14, right: 14, top: 15 })
     .shadow({ radius: 8, color: 0x11000000, offsetX: 0, offsetY: 2 })
   }
 
@@ -477,7 +480,7 @@ export struct UserCenter {
       Text('会员权益')
         .fontSize(18)
         .fontWeight(FontWeight.Bold)
-        .margin({ top: 24, bottom: 16 })
+        .padding({ top: 24, bottom: 16 })
         .fontColor('#191919')
         .textAlign(TextAlign.Center);
 
@@ -550,8 +553,11 @@ export struct UserCenter {
       .columnsTemplate('1fr 1fr')
       .columnsGap(16)
       .rowsGap(16)
-      .margin({ left: 16, right: 16, bottom: 8 })
+      .margin({ left: 16, right: 16,top:0, bottom: 15 })
     }
+    .backgroundColor(Color.White)
+    .borderRadius(24)
+    .margin({ left: 16, right: 16,top:15, bottom: 15 })
   }
 
   // 支付方式选择弹窗内容
@@ -755,8 +761,9 @@ export struct UserCenter {
       .width('100%')
       .padding({ bottom: 16 });
     }
-    .margin({ left: 0, right: 0 })
-    // .backgroundColor(Color.White)
+    .margin({ left: 14, right: 14, top: 15 })
+    .backgroundColor(Color.White)
+    .borderRadius(24)
   }
 
   // 功能菜单