fix(mine): 修复页面样式并优化会员权益展示逻辑

packages/app/src/pages/mine/index.vue

@@ -360,7 +360,7 @@ onPageScroll(({ scrollTop }: { scrollTop: number }) => {
           <div class="flex items-center">
             <div class="flex-1"></div>
             <div
-              class="h-[22px] bg-gradient-to-r from-[#333333] to-[#20201e] rounded-tl-[20px] rounded-bl-[20px] mr--3.5 px-2 mt-3"
+              class="bg-gradient-to-r from-[#333333] to-[#20201e] rounded-tl-[20px] rounded-bl-[20px] mr--3.5 px-2 mt-3"
               @click="router.push('/pages/mine/levels/index')"
             >
               <div class="text-xs font-normal font-['PingFang_SC'] leading-relaxed color-[#f3f3f3]">

packages/app/src/pages/mine/levels/index.vue

@@ -79,7 +79,10 @@ onMounted(async () => {
         </swiper>
       </div>
     </div>
-    <template v-for="(it, index) in levelConfigs[current].setMemberRights" :key="index">
+    <template
+      v-for="(it, index) in sort(levelConfigs, (it) => it.memberLevel)[current].setMemberRights"
+      :key="index"
+    >
       <div
         class="bg-[#201d28] rounded-2xl shadow border border-[#504951] border-solid flex gap-4 px-2.5 py-5.5"
       >