75 lines
1.6 KiB
JavaScript
75 lines
1.6 KiB
JavaScript
// 加载状态，提示语
|
||
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 = 1800) => {
|
||
let icon = 'none'
|
||
if (type === 'success') icon = 'success'
|
||
if (type === 'error') icon = 'error'
|
||
if (type === 'warning') icon = 'none'
|
||
|
||
return new Promise(resolve => {
|
||
uni.showToast({
|
||
title: message,
|
||
icon,
|
||
duration,
|
||
mask: true
|
||
})
|
||
setTimeout(() => resolve(), duration)
|
||
})
|
||
}
|
||
|
||
/** 对话框带确认取消按钮 */
|
||
const showDialog = (title, content, showCancel = true) => {
|
||
return new Promise(resolve => {
|
||
uni.showModal({
|
||
title,
|
||
content,
|
||
showCancel,
|
||
confirmText: '确定',
|
||
cancelText: '取消',
|
||
success: res => resolve(res.confirm)
|
||
})
|
||
})
|
||
}
|
||
|
||
/** 导出响应式状态和方法 */
|
||
export const useUI = () => {
|
||
return {
|
||
isLoading: isLoading, // 可用于模板中 v-if="isLoading"
|
||
showLoading,
|
||
hideLoading,
|
||
showToast,
|
||
showDialog
|
||
}
|
||
}
|