touch
实例1（最简化）
---
```js
//加载刷新
phoenix.pageTouch.studyActivity = new phoenix.touch({
URL: phoenix.config.apiUrl + 'study/theme',
touch: page.querySelector(".touch_wrapper"),
parameters:{
type:params.type
},
creatHTML: function(data,page) {
return creatHTML(data);
}
});
phoenix.pageTouch.studyActivity.loadFirstPage();
// 创建HTML方法
function creatHTML(data) {
if (!data) {
return;
};
var listData = data.data;
var listHtml = '';
listData.forEach(function (item, index) {
listHtml += `
<div class="m10 bg_white radius shadow relative hidden">
<page path="studyDetail" params='{"id":${item.id}}'></page>
<div class="box" style="height:130px">
<img class="w100 h100" src="${phoenix.imgOSS(item.filepaths.split(",")[0], 500, 130)}">
</div>
<div class="flex p10">
<div class="flex1 of">${item.title}</div>
<div class="flex0 color_gray4"><i class="phoenix_icon phoenix_icon_eye pr5"></i>${item.view}</div>
</div>
</div>
`;
});
return listHtml;
};
```
实例2（完整）
---
```js
phoenix.pageTouch.studyActivity = new phoenix.touch({
URL: phoenix.config.apiUrl + 'study/theme',
touch: page.querySelector(".touch_wrapper"),
parameters:{
type:params.type
},
creatHTML: function(data,page) {
return creatHTML(data);
},
topHtml: '',
complete: function(pageCurrent ) {
// pageCurrent:当前加载的页码
},
lastText: '',
blankText: '暂无信息',
refreshText: '松开立即刷新'
});
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|URL|string|-|必需，请求地址|
|parameters|obiect|-|可选，参数|
|creatHTML|function|-|必需，拉取数据后创建html的方法|
|topHtml|string|-|可选，头部代码|
|already|function|-|可选，插件初始化就绪后的回调，无参|
|complete|function|-|可选，每次加载一页数据完成后执行的回调<br>参数：page为当前加载的页码，数字格式|
|lastText|string|以上为全部信息|可选，最后一页的文字提示，'none'为无文字|
|blankText|string|-|可选，无内容时的提示文字|
|refreshText|string|松开立即刷新|可选，提示文字|