代码格式化

composables/usePagination.js

@@ -10,12 +10,7 @@ import { ref, computed } from 'vue'
  * @returns {Object} 分页相关的状态和方法
  */
 export function usePagination(options = {}) {
-  const {
+  const { fetchData, defaultParams = {}, mode = 'loadMore', pageSize = 10 } = options
-    fetchData,
-    defaultParams = {},
-    mode = 'loadMore',
-    pageSize = 10
-  } = options
 
   // 基础状态
   const list = ref([])
@@ -26,7 +21,7 @@ export function usePagination(options = {}) {
   const queryParams = ref({
     pageNum: 1,
     pageSize,
-    ...defaultParams
+    ...defaultParams,
   })
 
   // 分页信息
@@ -34,7 +29,7 @@ export function usePagination(options = {}) {
     total: 0,
     currentPage: 1,
     pageSize,
-    totalPages: 0
+    totalPages: 0,
   })
 
   // 上拉加载相关
@@ -73,7 +68,7 @@ export function usePagination(options = {}) {
         total,
         currentPage: queryParams.value.pageNum,
         pageSize,
-        totalPages: Math.ceil(total / pageSize)
+        totalPages: Math.ceil(total / pageSize),
       }
 
       // 更新数据列表
@@ -89,7 +84,6 @@ export function usePagination(options = {}) {
       }
 
       console.log(`获取数据成功: 第${queryParams.value.pageNum}页，共${newData.length}条`)
-      
     } catch (err) {
       console.error('获取数据失败:', err)
       error.value = err
@@ -97,7 +91,7 @@ export function usePagination(options = {}) {
       // 显示错误提示
       uni.showToast({
         title: '数据加载失败',
-        icon: 'none'
+        icon: 'none',
       })
     } finally {
       loading.value = false
@@ -125,7 +119,7 @@ export function usePagination(options = {}) {
    * 跳转到指定页（分页器模式）
    * @param {number} page - 目标页码
    */
-  const goToPage = (page) => {
+  const goToPage = page => {
     if (page < 1 || page > pagination.value.totalPages || page === queryParams.value.pageNum) {
       return
     }
@@ -147,7 +141,7 @@ export function usePagination(options = {}) {
       total: 0,
       currentPage: 1,
       pageSize,
-      totalPages: 0
+      totalPages: 0,
     }
   }
 
@@ -155,11 +149,11 @@ export function usePagination(options = {}) {
    * 更新查询参数
    * @param {Object} newParams - 新的查询参数
    */
-  const updateParams = (newParams) => {
+  const updateParams = newParams => {
     queryParams.value = {
       ...queryParams.value,
       ...newParams,
-      pageNum: 1 // 重置页码
+      pageNum: 1, // 重置页码
     }
     reset()
     getList()
@@ -185,6 +179,6 @@ export function usePagination(options = {}) {
     loadMore,
     goToPage,
     reset,
-    updateParams
+    updateParams,
   }
 }

config/dev.js

@@ -2,7 +2,7 @@
 export const DEV_CONFIG = {
   // 临时token，用于开发测试
   TEMP_TOKEN:
-    'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjAwMjdjYTRkLTMwOTktNDA4OC04ZTI2LTUzOTQwNGJkZDg0MyJ9.4zQ96QGHIvWy3cJciCPF0e8XWHY2NC9e9svrc9rqNKarnHhiqrAXZ2ZqMfN2AGbSVYVEs6OhUkkrEedupOXYGQ',
+    'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjM2YzUxYWQxLTVmZWMtNDI3Yy1iYjFkLThkYTFmZWE4OWM4MyJ9.Z8ZAPBw-pol_fsLudrWr4tHUn7b-zoMzWxIHnZItI4pW7VH7UsM8dzFwB6aWIzCBnmvnm8T1iTDCEvQT13ihEw',
 
   // 是否使用临时token
   USE_TEMP_TOKEN: true,

pages/myOrder/myOrder.vue

@@ -56,40 +56,34 @@
 
     <!-- 分页组件 -->
     <pagination
-      :mode="'loadMore'"
+      :current-page="pagination.currentPage"
       :list="list"
       :loading="loading"
+      :mode="'loadMore'"
       :no-more="noMore"
-      :total="pagination.total"
-      :current-page="pagination.currentPage"
       :page-size="pagination.pageSize"
+      :total="pagination.total"
       @page-change="handlePageChange"
     />
   </view>
 </template>
 
 <script setup>
-import { onMounted, onReachBottom } from '@dcloudio/uni-app'
+import { onMounted } from 'vue'
+import { onReachBottom } from '@dcloudio/uni-app'
 import { usePagination } from '@/composables/usePagination.js'
 import { getMyOrder } from '@/api/order/myOrder.js'
 import Pagination from '@/components/pagination/pagination.vue'
 
 // 使用分页组合式函数
-const {
+const { list, loading, noMore, pagination, getList, loadMore } = usePagination({
-  list,
-  loading,
-  noMore,
-  pagination,
-  getList,
-  loadMore
-} = usePagination({
   fetchData: getMyOrder,
   defaultParams: {
     orderByColumn: 'createTime',
-    isAsc: 'descending'
+    isAsc: 'descending',
   },
   mode: 'loadMore',
-  pageSize: 6
+  pageSize: 6,
 })
 
 // 页面加载时获取数据
@@ -103,7 +97,7 @@ onReachBottom(() => {
 })
 
 // 处理页码变化
-const handlePageChange = (page) => {
+const handlePageChange = page => {
   console.log('页码变化:', page)
 }