领取和我的积分调整

pages/integral/integral.wxml

@@ -7,6 +7,13 @@
       </swiper-item>
     </block>
   </swiper>
+  
+<!-- 我的卡券 -->
+<view class="my-card">
+  <view class="card-content">
+    <text>我的兑换</text>
+  </view>
+</view>
 </view>
 <view class="exchange-style">
   <view class="exchange-text">免费兑换</view>
@@ -31,4 +38,16 @@
       </view>
     </view>
   </view>
+</view>
+
+<!-- 底部结算 -->
+<view class="receive-now">
+  <view class="receive-count receive-info">
+    <text>合计：</text>
+    <text>{{total}}</text>
+    <text>积分</text>
+  </view>
+  <view class="receive-info">
+    <button v-if="phone === '********'" type="default" hover-class="navigator-hover" class="receive-btn" open-type="getPhoneNumber">立即领取</button>
+  </view>
 </view>

pages/integral/integral.wxss

@@ -17,6 +17,11 @@ page{
   align-items: center;
   justify-content: center;
 }
+
+.integral-top{
+  position: relative;
+}
+
 .integral-banner{
   width: 750rpx;
   height: 256rpx;
@@ -43,6 +48,7 @@ page{
 .integral-list{
   width: 750rpx;
   border-radius: 16rpx;
+  margin-bottom: 124rpx;
 }
 
 .list-item{
@@ -81,6 +87,7 @@ page{
 
 .receive-style{
   width: 170rpx;
+  height: 100%;
 }
 
 .receive-button{
@@ -91,10 +98,63 @@ page{
   background: rgba(255, 0, 0, 0.8);
   box-shadow: rgb(221 221 221) -1px -1px 0px, rgb(51 51 51) 1px 1px 0px; 
   text-align: center;
+  margin-top: 100rpx;
 }
 
 .button-text{
   color: white;
   font-size: 28rpx;
   font-weight: bold;
+}
+
+.receive-now{
+  width: 750rpx;
+  height: 120rpx;
+  background-color: rgba(255, 255, 255, 1);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+}
+
+.receive-info{
+  width: 50%;
+  height: 120rpx;
+  line-height: 120rpx;
+  margin: 0 auto;
+}
+
+.receive-count{
+  padding-left: 24rpx;
+  box-sizing: border-box;
+  font-weight: 600;
+  font-size: 30rpx;
+  color: #333333;
+}
+
+.my-card{
+  position: absolute;
+  right: -2rpx;
+  top: 0;
+  width: 120rpx;
+  height: 50rpx;
+  line-height: 50rpx;
+  text-align: center;
+  background-color: rgba(0, 0, 0, .4);
+  color: white;
+  border-top-left-radius: 30rpx;
+  border-bottom-left-radius: 30rpx;
+  font-size: 22rpx;
+}
+
+.receive-btn{
+  width: 100% !important;
+  height: 120rpx !important;
+  line-height: 80rpx !important;
+  margin: 0 auto !important;
+  background-color: rgba(255, 0, 0, 0.8) !important;
+  color: white !important;
+  border-radius: 0 !important;
+  border: none !important;
 }