zhywpt-sp/composables/common/useMeScroll.ts

/*
 * 下拉刷新和上拉加载配置
 */
import { reactive } from "vue";
import { PageData } from "@/datas/enum";

export default function useMeScroll(option?: any) {

	const meScrollData = reactive({
		//下拉刷新配置 
		downOption: {
			autoShowLoading: (option && option.autoShowLoading) ? (option && option.autoShowLoading) : true,
			auto: (option && option.auto) ? (option && option.auto) : false,
			offset: 50,
			textLoading: '亲亲，稍等加载中...'
		},

		//上拉加载配置
		upOption: {
			auto: (option && option.auto) ? (option && option.auto) : true,
			textLoading: '努力加载中...',
			textNoMore: '-- 我是有底线的 --',
			noMoreSize: (option && option.noMoreSize) ? (option && option.noMoreSize) : PageData.NO_MORE_SIZE,
			page: {
				num: PageData.NUM, //当前页码
				size: PageData.SIZE, //每页加载条数
				time: null //加载第一页数据服务器返回的时间
			},
			empty: {
				use: (option && option.use) || true, //是否显示空布局
				icon: (option && option.icon), // 图标路径
				tip: (option && option.tip), // 提示
				btnText: (option && option.btnText), // 按钮
				//是否使用fixed定位 为true下面两个才生效
				fixed: (option && option.fixed) || false,
				top: (option && option.top) || "100rpx",
				zIndex: (option && option.zIndex) || 99
			},
			toTop: {
				// 回到顶部按钮,需配置src才显示
				src: "https://www.mescroll.com/img/mescroll-totop.png",
				offset: 1000,
				duration: 300,
				zIndex: 9990,
				left: null,
				right: 20,
				bottom: 120,
				safearea: false,
				width: 72,
				radius: "50%"
			},
		}
	})

	return {
		meScrollData
	}
}