fix: 样式微调

src/pages/income/income.vue

@@ -79,8 +79,8 @@ onShow(() => {
         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>
+        <view class="mb-50rpx flex items-center text-center">
+          <view class="flex-1">
             <view class="mb-3px text-22rpx">
               {{ $t('income.totalEarnings') }}
             </view>
@@ -88,7 +88,7 @@ onShow(() => {
               {{ formatNumber(walletInfo.totalEarnings) }}
             </view>
           </view>
-          <view>
+          <view class="flex-1">
             <view class="mb-3px text-22rpx">
               {{ $t('income.accountBalance') }}
             </view>
@@ -97,8 +97,8 @@ onShow(() => {
             </view>
           </view>
         </view>
-        <view class="flex items-center justify-around text-center">
-          <view>
+        <view class="flex items-center text-center">
+          <view class="flex-1">
             <view class="mb-3px text-22rpx">
               <text class="mr-3px">
                 {{ $t('income.settledAmount') }}
@@ -110,7 +110,7 @@ onShow(() => {
             </view>
           </view>
           <wd-divider dashed custom-class="h-60rpx!" color="#A4A4A4" vertical />
-          <view>
+          <view class="flex-1">
             <view class="mb-3px text-22rpx">
               <text class="mr-3px">
                 {{ $t('income.pendingAmount') }}

src/pages/missionCenter/missionCenter.vue

@@ -4,8 +4,8 @@
   needLogin: true,
   style: {
     navigationBarTitleText: '%missionCenter.title%',
-    navigationBarBackgroundColor: '#fff',
-  },
+    navigationBarBackgroundColor: '#fff'
+  }
 }
 </route>
 
@@ -67,22 +67,27 @@ onLoad(() => {
 <template>
   <view class="px-24rpx py-20rpx">
     <view class="mb-34rpx rounded-16rpx bg-white p-24rpx">
-      <view class="mb-40rpx flex items-center before:h-45rpx before:w-8rpx before:rounded-4rpx before:bg-#FF3778 before:content-empty">
+      <view
+        class="mb-40rpx flex items-center before:h-45rpx before:w-8rpx before:rounded-4rpx before:bg-#FF3778 before:content-empty"
+      >
         <text class="ml-10rpx text-32rpx">
           {{ $t('missionCenter.signIn.title') }}
         </text>
       </view>
+
       <!-- 七天签到日历 -->
       <view class="flex items-center justify-between">
         <view v-for="(day, index) in signList" :key="index" class="flex flex-col items-center">
           <view
-            class="h-70rpx w-70rpx flex items-center justify-center rounded-full" :class="[
-              day.status === 1 ? 'bg-#FF3778/30' : 'bg-gray-100',
-            ]"
+            class="h-70rpx w-70rpx flex flex-col items-center justify-center rounded-full"
+            :class="[day.status === 1 ? 'bg-#FF3778/30' : 'bg-gray-100']"
           >
-            <text class="text-24rpx" :class="[day.status === 1 ? 'text-[var(--wot-color-theme)]' : 'text-#000/15']">
+            <view
+              class="pt-6rpx text-24rpx"
+              :class="[day.status === 1 ? 'text-[var(--wot-color-theme)]' : 'text-#000/15']"
+            >
               ৳{{ day.value }}
-            </text>
+            </view>
           </view>
           <view class="mt-8rpx text-20rpx text-gray-500">
             {{ day.days }}D
@@ -92,18 +97,15 @@ onLoad(() => {
 
       <!-- 签到按钮 -->
       <view class="mt-30rpx flex justify-center">
-        <wd-button
-          size="small"
-          :type="hasSignedToday ? 'info' : 'primary'"
-          :disabled="hasSignedToday"
-          @click="signIn"
-        >
+        <wd-button size="small" :type="hasSignedToday ? 'info' : 'primary'" :disabled="hasSignedToday" @click="signIn">
           {{ $t('missionCenter.signIn.button') }}
         </wd-button>
       </view>
     </view>
     <view class="rounded-16rpx bg-white p-24rpx">
-      <view class="mb-20rpx flex items-center before:h-45rpx before:w-8rpx before:rounded-4rpx before:bg-#FF3778 before:content-empty">
+      <view
+        class="mb-20rpx flex items-center before:h-45rpx before:w-8rpx before:rounded-4rpx before:bg-#FF3778 before:content-empty"
+      >
         <text class="ml-10rpx text-32rpx">
           {{ $t('missionCenter.dailyMission.title') }}
         </text>