default主题

默认打包的主题

继承自Core

引入

<link rel="stylesheet" href="xxx/minirefresh.css" />

...

<script type="text/javascript" src="xxx/minirefresh.js"></script>
// 同时支持NPM与文件形式引入
var MiniRefreshTools = require('xxx/minirefresh.js');
require('xxx/minirefresh.css');
// debug下是.js dist下是.min.js
import MiniRefreshTools from 'minirefresh';
import 'minirefresh/dist/debug/minirefresh.css'

说明

这个主题定义了默认的UI实现,很多其它官方主题都是继承于它的,另外在core的基础上新增了一些功能

  • toTop(实现了一个滚动到顶部效果)

所有继承自default主题的主题都享有它的配置以及API方法

options配置

core的配置的基础上,新增以下配置:

down的配置

参数 参数类型 默认值 说明
isWrapCssTranslate Boolean false 是否下拉时wrap(下拉区域不是内容区域,与scroll区分开)会跟随css translate
contentdown String '下拉刷新' 下拉刷新默认提示
contentover String '释放刷新' 在超过阈值后的提示
contentrefresh String '加载中...' 正在刷新中的提示
contentsuccess String '刷新成功' 刷新成功后,结束前,成功状态的提示
contenterror String '刷新失败' 刷新成功后,结束前,失败状态的提示

up的配置

参数 参数类型 默认值 说明
contentdown String '上拉显示更多' 上拉加载默认提示,一般默认情况会隐藏用不到它
contentrefresh String '加载中...' 上拉加载时的提示
contentnomore String '没有更多数据了' 没有更多数据时的提示
toTop Object 默认配置 滚动到顶部的相关配置,图片的话请在css中修改
toTop.isEnable Boolean true 是否开启自动滚动到顶部
toTop.duration Number 300 滚动到顶部的过渡时间
toTop.offset Number 800 阈值,滚动超过多少距离后才会显示滚动到顶部按钮

API方法

无(除Core提供的外,无新的API)

苏ICP备17029629号-2 Copyright © dailc 2017 all right reserved,powered by Gitbook文件修订时间: 2017-10-30 11:14:22

results matching ""

    No results matching ""