chore(邀请新用户活动): 调整样式

src/views/Invitation/inviteNewUser.vue

@@ -158,7 +158,7 @@
         <!-- 收益模块 -->
         <div
           v-show="showModule == 'income'"
-          style="display: flex; flex-direction: column; gap: 2vw; padding-bottom: 10vw"
+          style="display: flex; flex-direction: column; gap: 2vw; padding-bottom: 35vw"
         >
           <!-- 收入展示 -->
           <itemCenter
@@ -269,19 +269,6 @@
             alt=""
             style="position: relative; z-index: 2; display: block; width: 100%; object-fit: cover"
           />
-
-          <!-- 邀请按钮-->
-          <img
-            v-smart-img
-            :src="imageUrl('inviteFriendsBt')"
-            alt=""
-            style="position: relative; z-index: 2; display: block; width: 100%; object-fit: cover"
-            @click="
-              openAppComponent(
-                'shareDrawer:' + t('share_invitation_message', { code: myInviteInfo.inviteCode }),
-              )
-            "
-          />
         </div>
 
         <!-- 排行榜模块 -->
@@ -503,9 +490,30 @@
         </div>
       </div>
 
+      <!-- 邀请按钮-->
+      <img
+        v-show="showModule == 'income'"
+        v-smart-img
+        :src="imageUrl('inviteFriendsBt')"
+        alt=""
+        style="
+          position: fixed;
+          bottom: 0;
+          z-index: 3;
+          display: block;
+          width: 100%;
+          object-fit: cover;
+        "
+        @click="
+          openAppComponent(
+            'shareDrawer:' + t('share_invitation_message', { code: myInviteInfo.inviteCode }),
+          )
+        "
+      />
+
       <!-- 我的排名 -->
       <itemCenter
-        v-if="showModule == 'ranking' && rankShow"
+        v-show="showModule == 'ranking' && rankShow"
         style="position: fixed; bottom: 0; z-index: 3"
         :imgUrl="imageUrl('rankItemBg')"
         :contentStyle="`padding: 0 7vw`"