完善添加银行卡功能

pages/discover/ranking-list.vue

@@ -1,8 +1,36 @@
-<script setup></script>
+<script setup>
+  import { ref } from 'vue'
+  import { onLoad, onPageScroll } from '@dcloudio/uni-app'
+  import { getUserIntegralRank } from '@/api'
+
+  const cbNavBar = ref({})
+  const listData = ref([])
+
+  const getData = async () => {
+    const res = await getUserIntegralRank({
+      pageNum: 1,
+      pageSize: 100
+    })
+    listData.value = res.rows
+  }
+
+  onPageScroll(e => {
+    cbNavBar.value?.updateScroll(e.scrollTop)
+  })
+
+  onLoad(() => {
+    getData()
+  })
+</script>
 
 <template>
   <view class="ranking-list">
-    <nav-bar>
+    <nav-bar
+      ref="cbNavBar"
+      isTopBg
+      target-color="#f9f9f9"
+      :max-scroll="446"
+    >
       <template #back>
         <image
           src="/static/images/public/return-icon.png"
@@ -46,8 +74,8 @@
       </uni-row>
       <!-- 列表内容 -->
       <uni-row
-        v-for="(item, index) in 19"
-        :key="index"
+        v-for="(item, index) in listData"
+        :key="item.id"
         class="table-content"
       >
         <uni-col :span="6">
@@ -69,14 +97,14 @@
               class="left-icon"
             ></image>
             <view class="name">
-              <text>张三</text>
+              <text>名字</text>
               <text>158****98874</text>
             </view>
           </view>
         </uni-col>
         <uni-col :span="6">
           <view class="table-right">
-            <text class="item-text">100</text>
+            <text class="item-text">{{ item.totalPoints }}</text>
           </view>
         </uni-col>
       </uni-row>