添加登录逻辑

utils/request.js

@@ -32,7 +32,7 @@ const request = (options) => {
 			title: '加载中...',
 			mask: true
 		})
-	}
+	};
 
 	return new Promise((resolve, reject) => {
 		uni.request({

utils/router.js

@@ -7,60 +7,66 @@
  * @returns {string} 拼接后的完整 url
  */
 const appendParams = (url, params) => {
-	if (!params || Object.keys(params).length === 0) {
-		return url
-	}
+  if (!params || Object.keys(params).length === 0) {
+    return url
+  }
 
-	const query = Object.entries(params).map(([key, value]) => {
-		// 处理复杂类型（如对象、数组）需序列化
-		if (typeof value === 'object') {
-			value = encodeURIComponent(JSON.stringify(value))
-		} else {
-			value = encodeURIComponent(String(value))
-		}
-		return `${key}=${value}`
-	}).join('&')
+  const query = Object.entries(params)
+    .map(([key, value]) => {
+      // 处理复杂类型（如对象、数组）需序列化
+      if (typeof value === 'object') {
+        value = encodeURIComponent(JSON.stringify(value))
+      } else {
+        value = encodeURIComponent(String(value))
+      }
+      return `${key}=${value}`
+    })
+    .join('&')
 
-	return url.includes('?') ? `${url}&${query}` : `${url}?${query}`
+  return url.includes('?') ? `${url}&${query}` : `${url}?${query}`
 }
 
 /**
  * 普通跳转（保留返回）
  */
 export const navigateTo = (url, params = {}) => {
-	const finalUrl = appendParams(url, params)
-	return uni.navigateTo({ url: finalUrl })
+  const finalUrl = appendParams(url, params)
+  return uni.navigateTo({
+    url: finalUrl
+  })
 }
 
 /**
  * 关闭当前页，跳转到应用内某个页面（不可返回）
  */
 export const redirectTo = (url, params = {}) => {
-	const finalUrl = appendParams(url, params)
-	return uni.redirectTo({ url: finalUrl })
+  const finalUrl = appendParams(url, params)
+  return uni.redirectTo({ url: finalUrl })
 }
 
 /**
  * 关闭所有页面，打开到应用内某个页面
  */
 export const reLaunch = (url, params = {}) => {
-	const finalUrl = appendParams(url, params)
-	return uni.reLaunch({ url: finalUrl })
+  const finalUrl = appendParams(url, params)
+  return uni.reLaunch({ url: finalUrl })
 }
 
 /**
  * 返回上一页（可指定 delta）
  */
 export const navigateBack = (delta = 1) => {
-	return uni.navigateBack({ delta })
+  return uni.navigateBack({ delta })
 }
 
 /**
  * 跳转到 tabBar 页面（只能用 switchTab）
  */
 export const switchTab = (url, params = {}) => {
-	if (Object.keys(params).length > 0) {
-		console.warn('switchTab 不支持携带参数，请使用全局状态或 storage 传递')
-	}
-	return uni.switchTab({ url })
-}
+  if (Object.keys(params).length > 0) {
+    console.warn(
+      'switchTab 不支持携带参数，请使用全局状态或 storage 传递'
+    )
+  }
+  return uni.switchTab({ url })
+}

utils/storage.js

@@ -1,4 +1,4 @@
-import { STORAGE_KEYS } from '@/constants/storageKeys'
+import { STORAGE_KEYS } from '@/constants/storage-keys'
 
 /** 保存 token */
 export const setToken = (v) => {

utils/use-ui.js

@@ -0,0 +1,56 @@
+// 加载状态，提示语
+import { ref } from 'vue'
+
+// 全局 loading 状态（可用于页面绑定 v-if）
+const isLoading = ref(false)
+
+/**
+ * 显示 loading
+ * @param {string} title - 提示文字（H5 支持，App 小程序部分支持）
+ */
+const showLoading = (title = '加载中...') => {
+  isLoading.value = true
+  // uni.showLoading 在 H5 和 App 中行为略有不同，但基本可用
+  uni.showLoading({
+    title,
+    mask: true // 防止穿透点击
+  })
+}
+
+/**
+ * 隐藏 loading
+ */
+const hideLoading = () => {
+  isLoading.value = false
+  uni.hideLoading()
+}
+
+/**
+ * 统一 Toast 提示
+ * @param {string} message - 提示内容
+ * @param {string} type - 'success' | 'error' | 'warning' | 'none'
+ * @param {number} duration - 持续时间（毫秒）
+ */
+const showToast = (message, type = 'none', duration = 2000) => {
+  let icon = 'none'
+  if (type === 'success') icon = 'success'
+  if (type === 'error') icon = 'error'
+  if (type === 'warning') icon = 'none'
+
+  uni.showToast({
+    title: message,
+    icon,
+    duration,
+    mask: true
+  })
+}
+
+// 导出响应式状态和方法
+export const useUI = () => {
+  return {
+    isLoading: isLoading, // 可用于模板中 v-if="isLoading"
+    showLoading,
+    hideLoading,
+    showToast
+  }
+}