mescroll 使用之空页面内容修改

原创已于 2023-11-13 10:28:35 修改 · 870 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#笔记 #javascript #vue.js

于 2023-05-04 15:32:23 首次发布

文章介绍了Mescroll官网中关于空布局的配置方法，包括如何修改btnText，以及对国际化配置的支持。当不自定义option时，可以从全局的GlobalOption对象中修改或添加空布局的显示内容，如提示文字和图标。

官网

https://www.mescroll.com/uni.html

空布局页面的配置

1. 修改 btnText 
	- 修改前
	// if (this.option.i18n) {
		// 	let i18nType = mescrollI18n.getType() // 国际化配置
		// 	console.log("i18nType", this.option.i18n);
		// 	return this.option.i18n[i18nType].btnText
	// } else {
		// 	return this.option.btnText
	// }
	- 修改后	
		if (this.option.btnText != null) { // 支持传空串不显示文本提示
			return this.option.btnText
		} else {
			let i18nType = mescrollI18n.getType() // 国际化配置
			if (this.option.i18n) {
				return this.option.i18n[i18nType].btnText
			} else {
				return GlobalOption.i18n[i18nType].btnText || GlobalOption.up.empty.btnText
		}

**因不自定义 option 所以去 全局的 GlobalOption --> up --> empty 对象里修改/添加**
		{   
			use: true, // 是否显示空布局
			tip: "~ 暂无数据 ~",
			btnText: '去其他地方去看看吧~',
			icon: "https://www.mescroll.com/img/mescroll-empty.png" // 图标路径  
		}