package.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view class="common-page" style="padding:0">
  3. <PageScroll requestStr="/team/token/shop/invite/page" @updateList="updateList" ref="scrollRef"
  4. :otherParams="otherParams">
  5. <u-sticky :customNavHeight="0">
  6. <view class="search-area flex-a">
  7. <view class="text-item flex-1">审核日期</view>
  8. <view class="text-item flex-1">数量</view>
  9. </view>
  10. </u-sticky>
  11. <view class="list-con">
  12. <view v-for="(item,index) in dataList" :key="index" class="flex-a">
  13. <view class="text-item flex-1">{{item.date}}</view>
  14. <view class="text-item flex-1">{{item.orderNum}}</view>
  15. </view>
  16. </view>
  17. </PageScroll>
  18. </view>
  19. </template>
  20. <script setup>
  21. import {
  22. reactive
  23. } from 'vue';
  24. import PageScroll from '@/components/pageScroll/index.vue'
  25. import {
  26. ref
  27. } from 'vue';
  28. import {
  29. onLoad
  30. } from '@dcloudio/uni-app'
  31. const otherParams = ref({
  32. sender: '',
  33. })
  34. const scrollRef = ref(null)
  35. const refreshList = () => {
  36. scrollRef.value?.resetUpScroll()
  37. }
  38. let dataList = ref([{
  39. date: '2024-10-24',
  40. orderNum: 423,
  41. }, {
  42. date: '2024-10-24',
  43. orderNum: 423,
  44. }, {
  45. date: '2024-10-24',
  46. orderNum: 423,
  47. }])
  48. const updateList = (data) => {
  49. dataList.value = data
  50. }
  51. </script>
  52. <style lang="scss">
  53. .search-area {
  54. padding: 24rpx;
  55. background-color: #ffffff;
  56. z-index: 9;
  57. }
  58. </style>