样式调整

pagesB/inviteRecord/index.vue

@@ -1,9 +1,8 @@
 <template>
 	<layout-page>
-		<scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore" style="height: calc(100vh - 102rpx);">
-			<view v-if="total" class="MiSans-Medium color-primary shareCode" @tap="toShare">我的分享码</view>
-			<view v-if="total" class="totalShow MiSans-Medium">恭喜你，已经成功邀请{{ total }}个新用户啦！</view>
-      <view v-if="items.length" class="listBox">
+		<scroll-view class="scrollBox default-bgc" scroll-y="true" @scrolltolower="loadingMore" style="height: calc(100vh - 150rpx);">
+			<view v-if="total" class="totalShow MiSans-Medium white-bgc">恭喜你，已经成功邀请{{ total }}个新用户啦！</view>
+      <view v-if="items.length" class="listBox white-bgc">
         <!-- <m-list :items="items"></m-list> -->
 				<uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据" style="width: 100%;">
 					<uni-tr>
@@ -26,11 +25,13 @@
           style="width: 100vw"
         ></image>
 				<view class="shareText">
-					<span>您还没有邀请新用户，</span>
-					<span class="color-primary" @tap="toShare">马上邀请</span>
+					<span>您还没有邀请新用户</span>
 				</view>
       </view>
     </scroll-view>
+    <view class="bottom-sticky flex-column ss-p-b-30">
+      <button class="recomm-button MiSans-Medium" style="margin-bottom: 0;" @click="toShare">我的分享码</button>
+    </view>
   </layout-page>
 </template>
 
@@ -113,7 +114,7 @@ const toShare = () => {
 	padding: 30rpx;
 }
 .totalShow {
-	margin: 30rpx 0 0 30rpx;
+	padding: 30rpx 0 0 30rpx;
 	color: #666;
 }
 .nodata-img-parent {
@@ -121,10 +122,6 @@ const toShare = () => {
 }
 .shareText {
 	margin-bottom: 150rpx;
-}
-.shareCode {
-	text-align: right;
-	margin: 30rpx;
-	text-decoration: underline;
+	color: #666;
 }
 </style>

static/style/index.scss

@@ -168,6 +168,9 @@
 .white-bgc {
   background-color: #fff;
 }
+.default-bgc {
+  background-color: #f2f4f7;
+}
 
 .ellipsis {
   white-space: nowrap;