fix: 个人中心样式修改

src/layouts/fg-tabbar/fg-tabbar.vue

@@ -33,7 +33,6 @@ onLoad(() => {
     v-if="CUSTOM_TABBAR_ENABLE"
     v-model="tabbarStore.curIdx"
     custom-class="bg-white/60! backdrop-blur-20" :bordered="false"
-
     safe-area-inset-bottom placeholder fixed
     @change="selectTabBar"
   >

src/pages/income/income.vue

@@ -76,7 +76,8 @@ onShow(() => {
   <z-paging ref="paging" v-model="dataList" use-page-scroll @on-refresh="getAccountInfo" @query="queryList">
     <view class="px-24rpx pb-24rpx">
       <view
-        class="mb-20rpx rounded-16rpx from-[rgba(52,52,52,0.95)] to-[rgba(16,16,16,0.95)] bg-gradient-to-br pb-28rpx pt-44rpx text-white"
+        class="mb-20rpx rounded-16rpx pb-28rpx pt-44rpx text-white"
+        style="background: linear-gradient( 55deg, #343434 0%, #101010 100%);"
       >
         <view class="mb-50rpx flex items-center justify-around text-center">
           <view>
@@ -229,6 +230,8 @@ onShow(() => {
 
   .wd-radio__label {
     width: 100rpx !important;
+    min-width: 100rpx !important;
+    max-width: 100rpx !important;
     height: 40rpx !important;
     padding: 0 !important;
     background: rgba(255, 255, 255, 0.2) !important;

src/pages/mine/mine.vue

@@ -115,8 +115,8 @@ onShow(() => {
 
 <template>
   <view
-    class="flex items-center justify-between bg-[rgba(var(--wot-color-theme-rgb),0.3)] pb-48rpx pl-24rpx pr-54rpx"
-    :style="{ paddingTop: `${safeAreaInsets?.top + 3}px` }"
+    class="flex items-center justify-between bg-[rgba(var(--wot-color-theme-rgb),0.3)] pb-72rpx pl-24rpx pr-54rpx"
+    :style="{ paddingTop: `${safeAreaInsets?.top + 24}px` }"
   >
     <view class="flex items-center">
       <wd-img
@@ -141,14 +141,14 @@ onShow(() => {
     </view>
     <wd-icon name="setting" color="#3A444C" size="36rpx" @click="toPage('/pages/mine/setting')" />
   </view>
-  <view class="relative rounded-tl-24rpx rounded-tr-24rpx bg-white px-24rpx pb-24rpx pt-28rpx -top-24rpx">
-    <view class="mb-18rpx text-32rpx">
+  <view class="relative rounded-tl-24rpx rounded-tr-24rpx bg-white px-24rpx pb-36rpx pt-32rpx -top-24rpx" @click="toPage('/pages/wallet/myWallet')">
+    <view class="mb-24rpx text-32rpx">
       {{ $t('mine.wallet.title') }}
     </view>
     <view
-      class="flex items-center justify-between rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-22rpx"
+      class="flex items-center justify-between rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-34rpx"
     >
-      <view class="flex items-center" @click="toPage('/pages/wallet/myWallet')">
+      <view class="flex items-center">
         <wd-img width="84rpx" height="84rpx" round src="/static/icons/wallet-balance.png" />
         <view class="ml-18rpx">
           <view class="text-22rpx text-#595959">
@@ -160,7 +160,7 @@ onShow(() => {
         </view>
       </view>
       <view class="flex flex-col items-end">
-        <wd-button size="small" @click="toPage('/pages/wallet/recharge')">
+        <wd-button size="small" @click.stop="toPage('/pages/wallet/recharge')">
           {{ $t('mine.wallet.recharge') }}
         </wd-button>
       </view>
@@ -168,7 +168,7 @@ onShow(() => {
   </view>
   <view class="mb-20rpx bg-white px-24rpx pb-32rpx pt-26rpx">
     <view class="mb-24rpx flex items-center justify-between">
-      <text class="text-32rpx font-bold">
+      <text class="text-32rpx">
         {{ $t('mine.group.title') }}
       </text>
       <view class="flex items-center" @click="toPage('/pages/myOrders/myOrders')">
@@ -181,16 +181,16 @@ onShow(() => {
     <view class="grid grid-cols-4 gap-24rpx">
       <view v-for="(item, index) in groupList" :key="index" class="flex flex-col items-center" @click="toPage(item.url, { type: item.type })">
         <wd-img width="48rpx" height="48rpx" :src="item.icon" />
-        <view class="mt-18rpx text-22rpx text-#3A444C">
+        <view class="mt-24rpx text-22rpx text-#3A444C">
           {{ item.name }}
         </view>
       </view>
     </view>
   </view>
-  <view class="grid grid-cols-3 gap-24rpx bg-white py-45rpx">
+  <view class="grid grid-cols-3 gap-24rpx bg-white py-65rpx">
     <view v-for="(item, index) in menuList" :key="index" class="flex flex-col items-center" @click="menuClick(item)">
       <wd-img width="48rpx" height="48rpx" :src="item.icon" />
-      <view class="mt-18rpx text-22rpx text-#3A444C">
+      <view class="mt-24rpx text-22rpx text-#3A444C">
         {{ item.name }}
       </view>
     </view>