1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
| // 全局配置
| // mescroll-body 和 mescroll-uni 通用
| const GlobalOption = {
| down: {
| // 其他down的配置参数也可以写,这里只展示了常用的配置:
| offset: 80, // 在列表顶部,下拉大于80px,松手即可触发下拉刷新的回调
| native: false // 是否使用系统自带的下拉刷新; 默认false; 仅在mescroll-body生效 (值为true时,还需在pages配置enablePullDownRefresh:true;详请参考mescroll-native的案例)
| },
| up: {
| // 其他up的配置参数也可以写,这里只展示了常用的配置:
| offset: 150, // 距底部多远时,触发upCallback,仅mescroll-uni生效 ( mescroll-body配置的是pages.json的 onReachBottomDistance )
| toTop: {
| // 回到顶部按钮,需配置src才显示
| src: "https://www.mescroll.com/img/mescroll-totop.png", // 图片路径 (建议放入static目录, 如 /static/img/mescroll-totop.png )
| offset: 1000, // 列表滚动多少距离才显示回到顶部按钮,默认1000px
| right: 20, // 到右边的距离, 默认20 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
| bottom: 120, // 到底部的距离, 默认120 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
| width: 72 // 回到顶部图标的宽度, 默认72 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
| },
| empty: {
| use: true, // 是否显示空布局
| icon: "https://www.mescroll.com/img/mescroll-empty.png" // 图标路径 (建议放入static目录, 如 /static/img/mescroll-empty.png )
| }
| },
| // 国际化配置
| i18n: {
| // 中文
| zh: {
| down: {
| textInOffset: '下拉刷新', // 下拉的距离在offset范围内的提示文本
| textOutOffset: '释放更新', // 下拉的距离大于offset范围的提示文本
| textLoading: '加载中 ...', // 加载中的提示文本
| textSuccess: '加载成功', // 加载成功的文本
| textErr: '加载失败', // 加载失败的文本
| },
| up: {
| textLoading: '加载中 ...', // 加载中的提示文本
| textNoMore: '-- END --', // 没有更多数据的提示文本
| empty: {
| tip: '~ 空空如也 ~' // 空提示
| }
| }
| },
| // 英文
| en: {
| down: {
| textInOffset: 'drop down refresh',
| textOutOffset: 'release updates',
| textLoading: 'loading ...',
| textSuccess: 'loaded successfully',
| textErr: 'loading failed'
| },
| up: {
| textLoading: 'loading ...',
| textNoMore: '-- END --',
| empty: {
| tip: '~ absolutely empty ~'
| }
| }
| }
| }
| }
|
| export default GlobalOption
|
|
