style: group points tip and action footer

uniapp/src/packages/pages/points_center/points_center.vue

@@ -54,11 +54,12 @@
                 </view>
             </scroll-view>
 
+        </view>
+        <view class="points-center__footer">
             <view class="points-tip">
                 <text class="points-tip__icon">ⓘ</text>
                 <text>积分不可用于提现，奖励以规则及审核结果为准</text>
             </view>
-
             <view class="points-center__bottom-button" @tap="openDetails">查看全部明细</view>
             <view class="points-center__safe-area" />
         </view>
@@ -178,17 +179,23 @@ $line: #e8ebef;
         min-height: 0;
         display: flex;
         flex-direction: column;
-        padding-bottom: 20rpx;
+        padding-bottom: 220rpx;
         overflow: hidden;
         box-sizing: border-box;
     }
 
-    &__bottom-button {
+    &__footer {
         position: fixed;
-        left: 28rpx;
-        right: 28rpx;
-        bottom: calc(20rpx + env(safe-area-inset-bottom));
+        left: 0;
+        right: 0;
+        bottom: 0;
         z-index: 20;
+        padding: 12rpx 0 calc(12rpx + env(safe-area-inset-bottom));
+        background: #fff;
+    }
+
+    &__bottom-button {
+        margin: 12rpx 28rpx 0;
         height: 80rpx;
         display: flex;
         align-items: center;
@@ -472,8 +479,7 @@ $line: #e8ebef;
 }
 
 .points-tip {
-    margin: 20rpx 28rpx 0;
-    flex-shrink: 0;
+    margin: 0 28rpx;
     min-height: 60rpx;
     padding: 0 20rpx;
     display: flex;