From 17bb3b847cd02bae5c036bfaec6cfb7cb931de5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?mac=C2=B7ufutx?= <dengzhifeng_63@163.com>
Date: Tue, 21 Apr 2026 17:54:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9iOS=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E8=B4=AD=E4=B9=B0vip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/news/groupChitchatDetail.wpy | 461 +++++++++++++++----------
 src/pages/tabBar/dynamic.wpy           |   4 +-
 src/pages/tabBar/user.wpy              |  12 +-
 src/pages/users/upgradeVIP.wpy         |  87 +++--
 4 files changed, 339 insertions(+), 225 deletions(-)

diff --git a/src/pages/news/groupChitchatDetail.wpy b/src/pages/news/groupChitchatDetail.wpy
index 7d8ad65..08cdff4 100644
--- a/src/pages/news/groupChitchatDetail.wpy
+++ b/src/pages/news/groupChitchatDetail.wpy
@@ -1,155 +1,22 @@
-<style lang="less" scoped>
-@import url(../../styles/theme.less);
-page {
-  background-color: #f5f5f5;
-}
-
-.ui-member-data-box{
-  padding: 30rpx 40rpx 0;
-  background: #FFFFFF;
-  width: 100vw;
-
-  .ui-member-list{
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    .ui-member-box{
-      margin: 0 52rpx 42rpx 0;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      .ui-member-pic{
-        margin-bottom: 10rpx;
-        width: 92rpx;
-        height: 92rpx;
-        border-radius: 50%;
-      }
-      .ui-member-name{
-        max-width: 88rpx;
-      }
-    }
-    .ui-member-block:nth-child(5n) .ui-member-box{
-      margin-right: 0;
-    }
-  }
-
-  .ui-more-list{
-    margin-left: 234rpx;
-    display: flex;
-    align-items: center;
-    padding-bottom: 30rpx;
-    .ui-more-pic{
-      margin-left: 10rpx;
-      width: 12rpx;
-      height: 24rpx;
-    }
-    .ui-more-pic-v1{
-      margin-right: 10rpx;
-      width: 24rpx;
-      height: 12rpx;
-    }
-  }
-  .ui-more-list-v1{
-    margin-left: 274rpx;
-  }
-}
-
-.ui-group-detail{
-  margin-top: 12rpx;
-  padding: 22rpx 40rpx;
-  width: 100vw;
-  background: #ffffff;
-  .ui-detail-list{
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-    align-items: center;
-    .ui-detail-title{
-      width: 400rpx;
-    }
-    .ui-detail-name{
-      //text-align: right;
-      max-width: 430rpx;
-      display: flex;
-      align-items: center;
-      .ui-detail-name-text{
-        margin-right: 10rpx;
-        text-align: right;
-        width: 420rpx;
-      }
-      .ui-detail-name-icon{
-        width: 28rpx;
-        height: 28rpx;
-      }
-    }
-    .ui-detail-pic{
-      width: 60rpx;
-      height: 60rpx;
-      border-radius: 50%;
-    }
-  }
-  .ui-detail-line{
-    margin: 20rpx 0 30rpx;
-    width: 670rpx;
-    height: 2rpx;
-    background: #F8F8F8;
-  }
-  .ui-detail-intro{
-    margin-top: 20rpx;
-  }
-}
-
-.ui-group-quit{
-  margin-top: 12rpx;
-  padding: 30rpx 0;
-  color: #FF3051;
-  background: #ffffff;
-  text-align: center;
-  button::after{
-    border: none;
-  }
-}
-.ui-group-join{
-  margin-top: 12rpx;
-  padding: 30rpx 0;
-  color: #2d8cf0;
-  background: #ffffff;
-  text-align: center;
-}
-
-.ui-server{
-  width: 100%;
-  height: 100%;
-  background: #ffffff;
-  box-sizing: border-box;
-}
-.service {
-  position: fixed;
-  bottom: 12vh;
-  right: 5vw;
-  image {
-    width: 130rpx;
-    height: 130rpx;
-  }
-}
-
-</style>
 <template>
   <view class="ui-groupChitchatDetail">
     <view class="ui-member-data-box">
-      <view class="ui-member-list" v-if="hidden">
-        <view class="ui-member-block" v-for="(item,index) in detail.members" :key="index">
+      <!-- 显示成员列表（根据加载数量动态显示） -->
+      <view class="ui-member-list">
+        <view class="ui-member-block" v-for="(item,index) in displayMembers" :key="index">
           <view class="ui-member-box">
             <image @tap.stop="jumpPath(`/pages/home/information?id=${item.id}`)" class="ui-member-pic" :src="item.photo === 'https://image.fulllinkai.com/202207/04/1fa9a906b956efa26852fb685a845fff.png?x-oss-process=style/scale1' ? defaultImg : item.photo" mode="aspectFill"></image>
             <view class="ui-member-name color-666 font_22 ellipsis_1">{{item.nickname}}</view>
           </view>
         </view>
+        <!-- 添加成员按钮 -->
         <view class="ui-member-block">
           <view class="ui-member-box">
             <image @tap.stop="jumpPath(`/pages/news/editGroupMembers?id=${id}&type=add`)" class="ui-member-pic" src="https://image.fulllinkai.com/202410/30/05749286f02a045fe8344f4f2006bcaa.png" mode="aspectFill"></image>
             <view class="ui-member-name colorF font_22">--</view>
           </view>
         </view>
+        <!-- 删除成员按钮 -->
         <view class="ui-member-block">
           <view class="ui-member-box">
             <image @tap.stop="jumpPath(`/pages/news/editGroupMembers?id=${id}&type=delete`)" class="ui-member-pic" src="https://image.fulllinkai.com/202410/30/c0ef2d197961d0435f1e83b254cd9c33.png" mode="aspectFill"></image>
@@ -157,19 +24,22 @@ page {
           </view>
         </view>
       </view>
-      <block v-if="detail.members.length > 20 && !hidden">
-        <view class="ui-more-list" @tap="moreMembers">
-          <view class="color-666 font_26">查看更多群成员</view>
+
+      <!-- 查看更多/收起按钮 -->
+      <block v-if="detail.members && detail.members.length > pageSize">
+        <!-- 未显示完全时显示"查看更多" -->
+        <view class="ui-more-list" v-if="!isLoadAll" @tap="loadMoreMembers">
+          <view class="color-666 font_26">查看更多群成员（{{ currentPage }}/{{ totalPages }}）</view>
           <image class="ui-more-pic" src="https://image.fulllinkai.com/202307/24/8c1a30360cf0c55605ae784dd47022e0.png" mode="scaleToFill"></image>
         </view>
-      </block>
-      <block v-else-if="detail.members.length > 20 && hidden">
-        <view class="ui-more-list ui-more-list-v1" @tap="moreMembers">
-          <image class="ui-more-pic-v1" src="https://image.fulllinkai.com/202307/28/a9ab5fc1b5c91a01df47de4473bdbeb6.png"  mode="scaleToFill"></image>
+        <!-- 已显示全部时显示"收起" -->
+        <view class="ui-more-list ui-more-list-v1" v-else @tap="collapseMembers">
+          <image class="ui-more-pic-v1" src="https://image.fulllinkai.com/202307/28/a9ab5fc1b5c91a01df47de4473bdbeb6.png" mode="scaleToFill"></image>
           <view class="color-666 font_26">收起</view>
         </view>
       </block>
     </view>
+
     <view class="ui-group-detail">
       <view class="ui-detail-list">
         <view class="ui-detail-title bold font30 color-333">群聊头像</view>
@@ -184,7 +54,7 @@ page {
       <view class="ui-detail-list" v-if="detail.is_join == 1">
         <view class="ui-detail-title bold font30 color-333">我在本群的昵称</view>
         <view class="ui-detail-name ellipsis_1 font30 color-666">
-          <input class=" ui-detail-name-text" adjust-position="{{true}}" type="text" confirm-type="done" placeholder="请输入不超过12个字符" @enter="changeGroupData" maxlength="12" cursor-spacing="20" v-model="detail.user_team.nick" @confirm="changeGroupData"/>
+          <input class="ui-detail-name-text" adjust-position="{{true}}" type="text" confirm-type="done" placeholder="请输入不超过12个字符" @enter="changeGroupData" maxlength="12" cursor-spacing="20" v-model="detail.user_team.nick" @confirm="changeGroupData"/>
           <image id="img" class="ui-detail-name-icon" src="https://image.fulllinkai.com/202308/11/54e725db8277cce7c2803070aa3eb289.png" mode="aspectFill" lazy-load="true"></image>
         </view>
       </view>
@@ -192,6 +62,7 @@ page {
       <view class="font30 color-333 bold">群聊简介</view>
       <view class="ui-detail-intro color-666 font_26">{{ detail.team.intro }}</view>
     </view>
+
     <view class="ui-group-detail" v-if="detail.is_join == 1">
       <view class="ui-detail-list">
         <view class="ui-detail-title bold font30 color-333">显示群成员昵称</view>
@@ -208,14 +79,15 @@ page {
         <switch checked="{{detail.user_team.is_top}}" @change="changeShowTop" color="#d92553" class="flo_r" style="margin-right: -2rpx;margin-top: -6rpx;"/>
       </view>
     </view>
-    <view class="ui-group-quit font_30 color-333" @tap.stop="handleContact" >
+
+    <view class="ui-group-quit font_30 color-333" @tap.stop="handleContact">
       <button class="btn ui-server text-center font_30" hover-class="btn_active" @tap.stop="handleContact">
         联系客服
       </button>
     </view>
     <view class="ui-group-quit font_30" v-if="detail.is_join == 1" @tap.stop="quitGroup">退出群聊</view>
     <view class="ui-group-join font_30" v-else-if="detail.is_join == 0" @tap.stop="joinGroup">加入群聊</view>
-    <view class="btn service" v-if="detail.is_join == 1 && isCodeIn"  @tap.stop="backChat">
+    <view class="btn service" v-if="detail.is_join == 1 && isCodeIn" @tap.stop="backChat">
       <image src="https://image.fulllinkai.com/202309/19/de337109d51243a3b3e8acaa79bbbc27.png" mode="aspectFit"></image>
     </view>
   </view>
@@ -234,15 +106,44 @@ wepy.page({
 
   data: {
     id: '',
-    defaultImg: 'https://image.fulllinkai.com/202307/18/449c3253ca2bbed9314d39977a486d0e.png', // 默认头像
-    detail: {},
+    defaultImg: 'https://image.fulllinkai.com/202307/18/449c3253ca2bbed9314d39977a486d0e.png',
+    detail: {
+      members: [],
+      team: {},
+      user_team: {}
+    },
     notiTypeList: [],
     notiTypeData: {muteNotiType: 0},
     notiTypeIndex: null,
-    hidden: true,
     throttle: true,
-    isCodeIn: false // 是否扫码进入详情
+    isCodeIn: false,
+    // 分页加载相关
+    pageSize: 25, // 每页显示数量
+    currentLoadCount: 25, // 当前已加载数量，默认25
+    isLoadAll: false // 是否已加载全部成员
   },
+
+  computed: {
+    displayMembers() {
+      // 返回当前已加载的成员列表
+      if (this.detail.members && this.detail.members.length > 0) {
+        return this.detail.members.slice(0, this.currentLoadCount)
+      }
+      return []
+    },
+
+    // 当前页码
+    currentPage() {
+      return Math.ceil(this.currentLoadCount / this.pageSize)
+    },
+
+    // 总页数
+    totalPages() {
+      if (!this.detail.members || this.detail.members.length === 0) return 1
+      return Math.ceil(this.detail.members.length / this.pageSize)
+    }
+  },
+
   methods: {
     getDetail() {
       let vm = this
@@ -250,6 +151,11 @@ wepy.page({
       vm.$get({url: `${service.host}/team/${vm.id}/detail`}).then(({code, data}) => {
         if (code === 0) {
           vm.detail = data
+          if (!vm.detail.members) {
+            vm.detail.members = []
+          }
+          // 重置加载状态
+          vm.resetLoadState()
         }
         wx.hideLoading()
       }).catch(err => {
@@ -257,7 +163,40 @@ wepy.page({
         console.log(err)
       })
     },
-    // 修改群信息
+
+    // 重置加载状态
+    resetLoadState() {
+      this.currentLoadCount = this.pageSize
+      // 判断是否需要显示"查看更多"按钮
+      if (this.detail.members && this.detail.members.length <= this.pageSize) {
+        this.isLoadAll = true
+      } else {
+        this.isLoadAll = false
+      }
+    },
+
+    // 加载更多成员
+    loadMoreMembers() {
+      let vm = this
+      let totalCount = vm.detail.members.length
+      let newLoadCount = vm.currentLoadCount + vm.pageSize
+
+      // 如果新加载数量大于等于总成员数，则加载全部并显示"收起"
+      if (newLoadCount >= totalCount) {
+        vm.currentLoadCount = totalCount
+        vm.isLoadAll = true
+      } else {
+        vm.currentLoadCount = newLoadCount
+        vm.isLoadAll = false
+      }
+    },
+
+    // 收起成员列表
+    collapseMembers() {
+      this.currentLoadCount = this.pageSize
+      this.isLoadAll = false
+    },
+
     changeGroupData() {
       let vm = this
       let data = {
@@ -284,19 +223,19 @@ wepy.page({
         })
       }
     },
-    // 监听群昵称是否显示
+
     changeShowNick(e) {
       let vm = this
       vm.detail.user_team.show_other_nick = e.$wx.detail.value ? 1 : 0
       vm.changeGroupData()
     },
-    // 监听置顶
+
     changeShowTop(e) {
       let vm = this
       vm.detail.user_team.is_top = e.$wx.detail.value ? 1 : 0
       vm.changeGroupData()
     },
-    // 消息免打扰设置
+
     changeMutenotiType(e) {
       let vm = this
       vm.$showLoading('')
@@ -316,7 +255,6 @@ wepy.page({
         if (res) {
           vm.notiTypeData.muteNotiType = muteNotiType
           vm.notiTypeData.muteTeam = muteTeam
-            console.log(vm.notiTypeIndex, e.$wx.detail.value, vm.detail, 'vm.notiTypeIndex')
           if (vm.notiTypeIndex !== null) {
             vm.notiTypeList[vm.notiTypeIndex].muteNotiType = muteNotiType
             vm.notiTypeList[vm.notiTypeIndex].muteTeam = muteTeam
@@ -331,13 +269,12 @@ wepy.page({
           if (!e.$wx.detail.value) {
             vm.notiTypeList.splice(vm.notiTypeIndex, 1)
           }
-          console.log(vm.notiTypeList, 'vm.notiTypeList')
           wx.setStorageSync('muteNotList', vm.notiTypeList)
         }
         wx.hideLoading()
       })
     },
-    // 退出群聊
+
     quitGroup() {
       let vm = this
       wx.showModal({
@@ -350,15 +287,14 @@ wepy.page({
               if (code == 0) {
                 wx.switchTab({url: '/pages/tabBar/news'})
               }
-            }).catch(() => {
-            })
+            }).catch(() => {})
           } else if (res.cancel) {
             console.log('用户点击取消')
           }
         }
       })
     },
-    // 加入群聊
+
     joinGroup() {
       let vm = this
       wx.showModal({
@@ -371,39 +307,36 @@ wepy.page({
               if (code == 0) {
                 vm.getDetail()
               }
-            }).catch(() => {
-            })
+            }).catch(() => {})
           } else if (res.cancel) {
             console.log('用户点击取消')
           }
         }
       })
     },
-    // 返回群聊天
+
     backChat() {
       let vm = this
-      wx.redirectTo({url: `/pages/news/groupChitchat?id=${vm.id}&name=${encodeURIComponent(vm.detail.tname)}`})
-    },
-    // 展示、收起更多成员
-    moreMembers() {
-      let vm = this
-      vm.hidden = !vm.hidden
+      wx.redirectTo({url: `/pages/news/groupChitchat?id=${vm.id}&name=${encodeURIComponent(vm.detail.team.tname)}`})
     },
+
     jumpPath(e) {
       wx.navigateTo({url: e})
     },
-      handleContact(e) {
-          let vm = this
-          try {
-              wx.previewImage({
-                  current: 'https://image.fulllinkai.com/202310/23/2a132a4978ef87d532a817041e425c26.png',
-                  urls: ['https://image.fulllinkai.com/202310/23/2a132a4978ef87d532a817041e425c26.png']
-              })
-          } catch (error) {
-              vm.$showToast('请更新至微信最新版本')
-          }
+
+    handleContact(e) {
+      let vm = this
+      try {
+        wx.previewImage({
+          current: 'https://image.fulllinkai.com/202310/23/2a132a4978ef87d532a817041e425c26.png',
+          urls: ['https://image.fulllinkai.com/202310/23/2a132a4978ef87d532a817041e425c26.png']
+        })
+      } catch (error) {
+        vm.$showToast('请更新至微信最新版本')
       }
+    }
   },
+
   onLoad(e) {
     let vm = this
     if (e.scene) {
@@ -424,23 +357,183 @@ wepy.page({
         }
       })
     }
+    // 初始化加载状态
+    vm.currentLoadCount = vm.pageSize
+    vm.isLoadAll = false
     vm.getDetail()
   },
+
   onShow() {
     let vm = this
     if (vm.id) {
       vm.getDetail()
     }
   },
-  created() {
-  }
+
+  created() {}
 })
 </script>
+
+<style lang="less" scoped>
+@import url(../../styles/theme.less);
+
+page {
+  background-color: #f5f5f5;
+}
+
+.ui-member-data-box {
+  padding: 30rpx 40rpx 0;
+  background: #FFFFFF;
+  width: 100vw;
+
+  .ui-member-list {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    .ui-member-box {
+      margin: 0 52rpx 42rpx 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .ui-member-pic {
+        margin-bottom: 10rpx;
+        width: 92rpx;
+        height: 92rpx;
+        border-radius: 50%;
+      }
+
+      .ui-member-name {
+        max-width: 88rpx;
+      }
+    }
+
+    .ui-member-block:nth-child(5n) .ui-member-box {
+      margin-right: 0;
+    }
+  }
+
+  .ui-more-list {
+    margin-left: 234rpx;
+    display: flex;
+    align-items: center;
+    padding-bottom: 30rpx;
+
+    .ui-more-pic {
+      margin-left: 10rpx;
+      width: 12rpx;
+      height: 24rpx;
+    }
+
+    .ui-more-pic-v1 {
+      margin-right: 10rpx;
+      width: 24rpx;
+      height: 12rpx;
+    }
+  }
+
+  .ui-more-list-v1 {
+    margin-left: 274rpx;
+  }
+}
+
+.ui-group-detail {
+  margin-top: 12rpx;
+  padding: 22rpx 40rpx;
+  width: 100vw;
+  background: #ffffff;
+
+  .ui-detail-list {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+    align-items: center;
+
+    .ui-detail-title {
+      width: 400rpx;
+    }
+
+    .ui-detail-name {
+      max-width: 430rpx;
+      display: flex;
+      align-items: center;
+
+      .ui-detail-name-text {
+        margin-right: 10rpx;
+        text-align: right;
+        width: 420rpx;
+      }
+
+      .ui-detail-name-icon {
+        width: 28rpx;
+        height: 28rpx;
+      }
+    }
+
+    .ui-detail-pic {
+      width: 60rpx;
+      height: 60rpx;
+      border-radius: 50%;
+    }
+  }
+
+  .ui-detail-line {
+    margin: 20rpx 0 30rpx;
+    width: 670rpx;
+    height: 2rpx;
+    background: #F8F8F8;
+  }
+
+  .ui-detail-intro {
+    margin-top: 20rpx;
+  }
+}
+
+.ui-group-quit {
+  margin-top: 12rpx;
+  padding: 30rpx 0;
+  color: #FF3051;
+  background: #ffffff;
+  text-align: center;
+
+  button::after {
+    border: none;
+  }
+}
+
+.ui-group-join {
+  margin-top: 12rpx;
+  padding: 30rpx 0;
+  color: #2d8cf0;
+  background: #ffffff;
+  text-align: center;
+}
+
+.ui-server {
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+  box-sizing: border-box;
+}
+
+.service {
+  position: fixed;
+  bottom: 12vh;
+  right: 5vw;
+
+  image {
+    width: 130rpx;
+    height: 130rpx;
+  }
+}
+</style>
+
 <config>
 {
 navigationBarTitleText: '群聊详情',
 enablePullDownRefresh: false,
 backgroundColorTop: '#f5f5f5',
-backgroundColorBottom: '#f5f5f5',
+backgroundColorBottom: '#f5f5f5'
 }
 </config>
diff --git a/src/pages/tabBar/dynamic.wpy b/src/pages/tabBar/dynamic.wpy
index 464147b..01bb0a6 100644
--- a/src/pages/tabBar/dynamic.wpy
+++ b/src/pages/tabBar/dynamic.wpy
@@ -126,7 +126,7 @@ page {
   height: 124rpx;
   width: 124rpx;
   right: 30rpx;
-  bottom: 320rpx;
+  bottom: 200rpx;
   text-align: center;
   z-index: 1000;
 }
@@ -134,7 +134,7 @@ page {
 .m_returnTop {
   position: fixed;
   right: 46rpx;
-  bottom: 160rpx;
+  bottom: 100rpx;
   z-index: 99;
   -webkit-transition: opacity 1s;
   transition: opacity 1s;
diff --git a/src/pages/tabBar/user.wpy b/src/pages/tabBar/user.wpy
index 395ae7b..069e6fc 100644
--- a/src/pages/tabBar/user.wpy
+++ b/src/pages/tabBar/user.wpy
@@ -26,7 +26,7 @@
             @tap="goto('/pages/users/upgradeVIP')">
         <block v-if="user.rank_id > 0">
           <view class="member">升级VIP尊贵特权</view>
-          <veiw class="equities">{{ user.deadline }}到期</veiw>
+          <veiw class="equities">{{ user.deadline }}</veiw>
           <view class="dredge bold">去续费</view>
         </block>
         <block v-else>
@@ -61,9 +61,9 @@
                 <span class="font_30 color-333">{{ item.title }}</span>
               </view>
               <view class="f-fc">
-                <view class="font_24 zf-tag-text color-theme" v-if="item.title == '会员中心'">
-                  <span v-if="user.deadline">{{ user.deadline }} 到期</span>
-                  <span v-else>未激活</span>
+                <view class=" zf-tag-text color-theme " v-if="item.title == '会员中心'">
+                  <span v-if="user.deadline" class="font_24">{{ user.deadline }} </span>
+                  <span v-else class="font_24">未激活</span>
                 </view>
                 <image src="https://images.ufutx.com/202012/23/f9713dc39b5d236067834ea0f1a6edaf.png" mode="aspectFit"
                        class="icon flo_r"></image>
@@ -634,7 +634,7 @@ wepy.page({
         this.init = true
         this.user = data.user
         this.user.rank_id = data.rank_profile.rank_id
-        this.user.deadline = data.rank_profile.deadline
+        this.user.deadline = (data.rank_profile?.deadline).substring(0, 16)
         // this.user.card_num = data.approve_profile.card_num
         this.user.is_approved = data.approve_profile.is_approved
         this.user.is_real_approved = data.approve_profile.is_real_approved
@@ -1577,7 +1577,7 @@ page {
 {
 navigationBarTitleText: '我的',
 navigationStyle: 'custom',
-enablePullDownRefresh: false,
+enablePullDownRefresh: true,
 backgroundColorTop: '#f2f2f2',
 backgroundColorBottom: '#f2f2f2',
 usingComponents: {
diff --git a/src/pages/users/upgradeVIP.wpy b/src/pages/users/upgradeVIP.wpy
index 65f65f3..50de8b8 100644
--- a/src/pages/users/upgradeVIP.wpy
+++ b/src/pages/users/upgradeVIP.wpy
@@ -44,7 +44,7 @@
       </scroll-view>
     </view>
   </view>
-  <view class="mainWrapper" >
+  <view class="mainWrapper">
     <view class="font_30 bold color-333 title"
           style="border-radius: 2px;
           display: inline-block;
@@ -66,13 +66,14 @@ background: linear-gradient(270deg, #E6C7AB 0%, #F5E6D8 100%);">
               style="width:{{100/index}}%"></view>
       </block>
     </view>
+    <view style="height: 80px"></view>
   </view>
 
   <view style="height: 42px"></view>
   <!-- 支付按钮：全端统一显示 -->
   <view class="payBtn" @tap="showFn()">
     <view class="l_text">
-      <span >
+      <span>
        合计： <span style="color: #FF2946">￥</span><span class="price">{{ payData.discount_price }}</span>
       </span>
     </view>
@@ -114,14 +115,17 @@ background: linear-gradient(270deg, #E6C7AB 0%, #F5E6D8 100%);">
                 v-else>{{ deductionPrice > 0 ? deductionPrice : '0.00' }}</span>
         </view>
         <view class="text-left f-fcc">
-          <span class="font_24" style="color: #3C2913;text-decoration-line: line-through;">原价：￥{{ payData.price }}</span>
+          <span class="font_24" style="color: #3C2913;text-decoration-line: line-through;">原价：￥{{
+              payData.price
+            }}</span>
         </view>
         <view class="item-xl text-left f-fcc">
           <span class="font_24" style="color: #66676C;">{{ payData.title }}</span>
         </view>
         <view class="m_payData f-fbc" @tap="payChoice('cash')">
           <view class="f-fc">
-            <image class="u_payData_img" src="https://images.health.ufutx.com/202512/25/5bcd5b54fc5325aa50e841e0cf9542d0.png"
+            <image class="u_payData_img"
+                   src="https://images.health.ufutx.com/202512/25/5bcd5b54fc5325aa50e841e0cf9542d0.png"
                    mode="aspectFit" lazy-load="true"></image>
             <view class="font_28" style="color: #0E0E0E;">微信支付</view>
           </view>
@@ -212,6 +216,8 @@ wepy.page({
   },
 
   onShow() {
+    let that = this
+
   },
 
   onLoad(e) {
@@ -228,6 +234,7 @@ wepy.page({
   },
 
   onPullDownRefresh() {
+    this.getPageData()
   },
 
   onShareAppMessage(res) {
@@ -240,9 +247,10 @@ wepy.page({
       path: url,
       imageUrl: 'https://images.ufutx.com/202004/10/9d3829a6ad06cf95b32806fbc4f7dd94.png',
       success: function (res) {
-        wx.showToast({ title: '转发成功', icon: 'success' })
+        wx.showToast({title: '转发成功', icon: 'success'})
       },
-      fail: function (res) {}
+      fail: function (res) {
+      }
     }
   },
 
@@ -279,6 +287,7 @@ wepy.page({
           vm.worthShare()
         }
         wx.hideLoading()
+        wx.stopPullDownRefresh()
       }).finally(() => {
         this.loaded = false
         this.init = true
@@ -382,7 +391,8 @@ wepy.page({
                 return
               }
 
-              that.trade_no = data.order?.trade_no
+              that.trade_no = data?.order_no
+              console.log('---', that.trade_no)
 
               // 测试订单直接回调
               if (data.length == 0 || data.config?.payment_debug) {
@@ -394,14 +404,6 @@ wepy.page({
 
               // iOS虚拟支付
               const virtualPayData = data || {}
-              console.log('virtualPayData', virtualPayData)
-
-              console.log({
-                signData: virtualPayData.sign_data,
-                paySig: virtualPayData.paySig || '',
-                signature: virtualPayData.signature || '',
-                mode: virtualPayData.mode || 'short_series_goods',
-              })
               wx.requestVirtualPayment({
                 signData: virtualPayData.sign_data,
                 paySig: virtualPayData.paySig || '',
@@ -410,15 +412,29 @@ wepy.page({
                 success(res) {
                   console.log('requestVirtualPayment success', res)
                   // 虚拟支付成功后回调
-                  that.$post({url: `${service.host}/order/${that.trade_no}/callback`}).then(() => {
-                    that.getUserData()
-                    that.$Toast_success('支付成功')
-                    let userInfo = wx.getStorageSync('userInfo')
-                    userInfo.rank_id = 9
-                    wx.setStorageSync('userInfo', userInfo)
+                  that.$post({
+                    url: `${service.host}/order/callback/virtual`,
+                    data: {orderNo: that.trade_no}
+                  }).then(() => {
+                    that.getPageData()
+                    wx.showModal({ // 使用模态框提示用户进行操作
+                      title: '支付完成',
+                      content: '会员开通成功，权益将在几分钟内到账，到账后即可生效。',
+                      showCancel: false,
+                      confirmText: `知道了`,
+                      success: function (res) {
+                        if (res.confirm) {
+                          let userInfo = wx.getStorageSync('userInfo')
+                          userInfo.rank_id = 9
+                          wx.setStorageSync('userInfo', userInfo)
+                        } else if (res.cancel) {
+                          console.log('用户点击取消')
+                        }
+                      }
+                    })
                   })
                 },
-                fail({ errMsg, errCode }) {
+                fail({errMsg, errCode}) {
                   console.error('虚拟支付失败:', errMsg, errCode)
                   that.$Toast_error('支付失败，请重试')
                 }
@@ -472,7 +488,7 @@ wepy.page({
               })
             },
             fail(res) {
-              wx.showToast({ title: '已取消支付', icon: 'none' })
+              wx.showToast({title: '已取消支付', icon: 'none'})
             }
           })
         })
@@ -567,7 +583,8 @@ page {
 
   .m_payData {
     padding: 20px 20px;
-    margin: 32rpx;border-radius: 10px;
+    margin: 32rpx;
+    border-radius: 10px;
     background: #FBFAFC;
 
     .u_payData_img {
@@ -612,7 +629,7 @@ page {
       align-self: stretch;
       border-radius: 0 10px 10px 10px;
       border: 1px solid #E6C7AB;
-      padding: 42rpx  32rpx 32rpx 32rpx;
+      padding: 42rpx 32rpx 32rpx 32rpx;
     }
 
     .scroll-wrapper {
@@ -634,6 +651,7 @@ page {
 
   .card-swiper {
     width: 100% !important;
+
     .swiper-item {
       border-radius: 22rpx;
     }
@@ -650,25 +668,27 @@ page {
   .payBtn {
     position: relative;
     position: fixed;
-    bottom: 32rpx;
+    bottom: 0rpx;
     left: 0;
-    height: 60px;
+    //height: 60px;
     width: 100%;
-    padding: 32rpx;
+    padding: 22rpx 32rpx 46rpx 32rpx;
     display: flex;
     background: #FFFFFF;
     justify-content: space-between;
     align-items: center;
+    box-shadow: 0 -6px 6px rgba(199, 213, 227, 0.4);
 
     .l_text {
       color: var(--0-e-0-e-0-e, #0E0E0E);
-      font-size: 12px;
+      font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
-      .price{
+
+      .price {
         color: var(--ff-2946, #FF2946);;
-        font-size: 20px;
+        font-size: 26px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
@@ -681,7 +701,8 @@ page {
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
-      line-height: normal;display: flex;
+      line-height: normal;
+      display: flex;
       padding: 12px 36px;
       height: 92rpx;
       justify-content: center;
@@ -783,7 +804,7 @@ page {
 {
 navigationBarTitleText: 'VIP服务',
 navigationStyle: 'custom',
-enablePullDownRefresh: false,
+enablePullDownRefresh: true,
 backgroundColorTop: '#f2f2f2',
 backgroundColorBottom: '#f2f2f2',
 usingComponents: {