成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

mobile-pull-to-refresh: 移動(dòng)端下拉刷新控件

ispring / 566人閱讀

摘要：移動(dòng)端下拉刷新控件體積小無依賴預(yù)覽請?jiān)谑謾C(jī)版中查看或打開版的手機(jī)模擬器樣式樣式樣式如何使用安裝引入和代碼請查看例子中的文件調(diào)用許可友情鳴謝

Github: https://github.com/fenivana/p...
Pull to refresh

移動(dòng)端下拉刷新控件. 體積小無依賴.

預(yù)覽

請?jiān)谑謾C(jī)版Chrome, Safari中查看, 或打開PC版Chrome DevTools的手機(jī)模擬器.

Material樣式

Material樣式2

iOS樣式

如何使用 安裝 
npm install mobile-pull-to-refresh --save
引入JS和CSS (webpack 2) 
import pullToRefresh from "mobile-pull-to-refresh"

// Import the style you want

// Material
import ptrAnimatesMaterial from "mobile-pull-to-refresh/dist/styles/material/animates"
import "mobile-pull-to-refresh/dist/styles/material/style.css"

// Material 2
import ptrAnimatesMaterial2 from "mobile-pull-to-refresh/dist/styles/material2/animates"
import "mobile-pull-to-refresh/dist/styles/material2/style.css"

// iOS
import ptrAnimatesIos from "mobile-pull-to-refresh/dist/styles/ios/animates"
import "mobile-pull-to-refresh/dist/styles/ios/style.css"
HTML代碼

請查看例子中的HTMl文件.

Material style

Material style 2

iOS style

調(diào)用 
pullToRefresh({
  container: document.querySelector(".container"),
  animates: ptrAnimatesMaterial,
  // animates: ptrAnimatesMaterial2,
  // animates: ptrAnimatesIos,

  refresh() {
    return new Promise(resolve => {
      // here to fetch the data and rerender the contents.
      setTimeout(resolve, 2000)
    })
  }
})
許可

MIT

友情鳴謝

Material spinner by jczimm

iOS spinner by Jianqiu Xiao

Icons by Google

Some css code from Muse UI

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/116520.html

相關(guān)文章

  • mobile-pull-to-refresh: 移動(dòng)端下拉刷新控件

    摘要：移動(dòng)端下拉刷新控件體積小無依賴預(yù)覽請?jiān)谑謾C(jī)版中查看或打開版的手機(jī)模擬器樣式樣式樣式如何使用安裝引入和代碼請查看例子中的文件調(diào)用許可友情鳴謝 Github: https://github.com/fenivana/p... Pull to refresh 移動(dòng)端下拉刷新控件. 體積小無依賴. 預(yù)覽 請?jiān)谑謾C(jī)版Chrome, Safari中查看, 或打開PC版Chrome DevTools...

    developerworks 評(píng)論0 收藏0

  • 好快, 1分鐘開發(fā)好一個(gè)下拉刷新,滾動(dòng)加載列表

    摘要：但本活又己交給音長爭標(biāo)識(shí)我。八說前它特用達(dá)圓是路看江才。開次他爭從點(diǎn)軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團(tuán)一歷積動(dòng)兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動(dòng)加載自動(dòng)分頁列表 前言 歡迎關(guān)注BUI Webapp專欄 或者 bui神速微信公眾號(hào). 以往文章: 2019開發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開發(fā)的各種變態(tài)路由需求及解決辦法! ...

    wemall 評(píng)論0 收藏0

  • 好快, 1分鐘開發(fā)好一個(gè)下拉刷新,滾動(dòng)加載列表

    摘要：但本活又己交給音長爭標(biāo)識(shí)我。八說前它特用達(dá)圓是路看江才。開次他爭從點(diǎn)軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團(tuán)一歷積動(dòng)兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動(dòng)加載自動(dòng)分頁列表 前言 歡迎關(guān)注BUI Webapp專欄 或者 bui神速微信公眾號(hào). 以往文章: 2019開發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開發(fā)的各種變態(tài)路由需求及解決辦法! ...

    468122151 評(píng)論0 收藏0

  • Android智能下拉刷新框架-SmartRefreshLayout

    摘要：框架下拉刷新控件還能框架化智能又怎么回事二話不多少先上效果圖，咱們再來探個(gè)究竟。下面通過自定義和嵌套作為內(nèi)容來解釋的智能之處。可以看到在列表已經(jīng)滾動(dòng)到中部時(shí)，輕微下拉列表是不會(huì)觸發(fā)刷新的，但是如果是觸摸固定的布局，則可以觸發(fā)下拉。 框架？下拉刷新控件還能框架化？智能又怎么回事？二話不多少先上Demo效果圖，咱們再來探個(gè)究竟。 Github 傳送門注意：本文僅僅是博客文章，主要用于項(xiàng)目介...

    MadPecker 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<