All Projects → artiely → tulip-scroll

artiely / tulip-scroll

Licence: other
📜 多场景的下拉组件和更多,https://artiely.gitee.io/scroll-docs/

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to tulip-scroll

vuejs-loadmore
A pull-down refresh and pull-up loadmore scroll component for Vue.js. Vue上拉加载下拉刷新组件
Stars: ✭ 62 (+40.91%)
Mutual labels:  infinite-scroll, vue-scroller, vue-scroll
Vue Scroller
Scroller Component for Vue.js
Stars: ✭ 1,775 (+3934.09%)
Mutual labels:  infinite-scroll, vue-scroller, pull-to-refresh
React Native Ultimate Listview
A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row.
Stars: ✭ 497 (+1029.55%)
Mutual labels:  infinite-scroll, pull-to-refresh
Vue Pull To
⚡️ A pull-down refresh and pull-up load more and infinite scroll component for Vue.js --Vue下拉刷新组件
Stars: ✭ 708 (+1509.09%)
Mutual labels:  infinite-scroll, pull-to-refresh
vue-data-loading
Another component for infinite scroll and pull down/up to load data.
Stars: ✭ 63 (+43.18%)
Mutual labels:  infinite-scroll, pull-to-refresh
Pull To Refresh
ESPullToRefresh is developed and maintained by Vincent Li. If you have any questions or issues in using ESPullToRefresh, welcome to issue. If you want to contribute to ESPullToRefresh, Please submit Pull Request, I will deal with it as soon as possible.
Stars: ✭ 1,591 (+3515.91%)
Mutual labels:  infinite-scroll, pull-to-refresh
Mypaint
MyPaint is a simple drawing and painting program that works well with Wacom-style graphics tablets.
Stars: ✭ 2,072 (+4609.09%)
Mutual labels:  infinite-scroll
Wordpress Ajax Load More
🔥 WordPress infinite scroll with Ajax Load More - the ultimate solution to add infinite scroll functionality to your WordPress powered website.
Stars: ✭ 222 (+404.55%)
Mutual labels:  infinite-scroll
Fairygui Unity
A flexible UI framework for Unity
Stars: ✭ 2,007 (+4461.36%)
Mutual labels:  infinite-scroll
Ngx Ui Scroll
Infinite/virtual scroll for Angular
Stars: ✭ 145 (+229.55%)
Mutual labels:  infinite-scroll
XCPullToLoadMoreListView
XCPullToLoadMoreListView-下拉加载更多ListView控件(仿QQ、微信聊天对话列表控件)
Stars: ✭ 24 (-45.45%)
Mutual labels:  pull-to-refresh
movie-app
🌈 TMDB + Laravel + LiveWire + AlpineJS + ViewModels + Components = ❤️ Movies App 🔥
Stars: ✭ 43 (-2.27%)
Mutual labels:  infinite-scroll
Flutter sticky infinite list
Multi directional infinite list with Sticky headers for Flutter applications
Stars: ✭ 189 (+329.55%)
Mutual labels:  infinite-scroll
Infinitescrolling
Add infinite scrolling to collection view.
Stars: ✭ 156 (+254.55%)
Mutual labels:  infinite-scroll
Vue Virtual Scroll List
⚡️A vue component support big amount data list with high render performance and efficient.
Stars: ✭ 3,201 (+7175%)
Mutual labels:  infinite-scroll
React Infinite Scroll Hook
A simple hook to create infinite scroll list components
Stars: ✭ 151 (+243.18%)
Mutual labels:  infinite-scroll
very good infinite list
A Very Good Infinite List Widget created by Very Good Ventures. Great for activity feeds, news feeds, and more. 🦄
Stars: ✭ 109 (+147.73%)
Mutual labels:  infinite-scroll
Infinitescroll
Infinite Scroll (Endless Scrolling) for RecyclerView in Android
Stars: ✭ 183 (+315.91%)
Mutual labels:  infinite-scroll
UCPullRefresh
This is a beautiful drop-down refresh as well as the effect of back to the home page lick UCBrowser
Stars: ✭ 44 (+0%)
Mutual labels:  pull-to-refresh
Ng In Viewport
Allows us to check if an element is within the browsers visual viewport
Stars: ✭ 178 (+304.55%)
Mutual labels:  infinite-scroll

介绍

tulip-scroll是一个用于vue项目的下拉刷新和上拉加载组件。

Features

  • 下拉刷新
  • 上拉加载
  • 开箱即用
  • 原生滚动
  • 滚动位置自动记录
  • 主流APP案例, 丰富经典, 随心定制, 轻松拓展
  • 自由灵活的api, 可让您快速自定义真正属于自己的下拉/上拉组件
  • 完美支持android, iOS, 各手机浏览器, 兼容PC主流浏览器

预览

https://artiely.gitee.io/scroll/#/

文档

document

安装

使用 yarn 安装 tulip-scroll 主题:

yarn add tulip-scroll

或者使用 npm 安装它:

npm i tulip-scroll

如果你的网络环境不佳,推荐使用 cnpm

全局应用

mian.js

import TulipScroll from 'tulip-scroll'
vue.use(TulipScroll)
<template>
  <div>
    <tulip-scroll >
    </tulip-scroll>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="less" scoped>

</style>

组件内使用

<template>
  <div>
    <tulip-scroll >
    </tulip-scroll>
  </div>
</template>

<script>
import TulipScroll from 'tulip-scroll'
export default {
  components:{
    TulipScroll
  }
}
</script>

<style lang="less" scoped>

</style>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].