All Projects → petsgre → indexList

petsgre / indexList

Licence: other
微信小程序字母索引

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to indexList

Gonelist
Golang Onedrive List - 极易部署的 Onedrive List 服务
Stars: ✭ 242 (+437.78%)
Mutual labels:  index
zephyr
Mirror Android notifications to VR
Stars: ✭ 78 (+73.33%)
Mutual labels:  index
index shotgun
duplicate index checker 🔥 🔫 👮
Stars: ✭ 35 (-22.22%)
Mutual labels:  index
Barrelsby
Automatic TypeScript barrels (index.ts files) for your entire code base
Stars: ✭ 252 (+460%)
Mutual labels:  index
torrent-indexer
Yet another node.js torrent scraper made especially for movie, series, anime and music (scrape from 1337x, eztv, limetorrents, rarbg, skytorrents, thepiratebay, torrentproject, yts and zooqle)
Stars: ✭ 50 (+11.11%)
Mutual labels:  index
eyy-indexer
An image and video friendly directory indexer for web directories.
Stars: ✭ 53 (+17.78%)
Mutual labels:  index
Elastix
A simple Elasticsearch REST client written in Elixir.
Stars: ✭ 231 (+413.33%)
Mutual labels:  index
kdtree-rs
K-dimensional tree in Rust for fast geospatial indexing and lookup
Stars: ✭ 137 (+204.44%)
Mutual labels:  index
kvstore
KVStore is a simple Key-Value Store based on B+Tree (disk & memory) for Java
Stars: ✭ 88 (+95.56%)
Mutual labels:  index
luke
Please use the luke bundled with lucene! This repo is archived and frozen now.
Stars: ✭ 101 (+124.44%)
Mutual labels:  index
elasticscout
ElasticScout is an optimized Laravel Scout driver for Elasticsearch 7.1+
Stars: ✭ 64 (+42.22%)
Mutual labels:  index
polardb-race
第一届POLARDB数据库性能大赛-初赛第5名(JAVA)-复赛第7名(CPP)
Stars: ✭ 24 (-46.67%)
Mutual labels:  index
auctus
Dataset search engine, discovering data from a variety of sources, profiling it, and allowing advanced queries on the index
Stars: ✭ 34 (-24.44%)
Mutual labels:  index
Alexandrie
An alternative crate registry, implemented in Rust.
Stars: ✭ 251 (+457.78%)
Mutual labels:  index
bigdata-tech-index
Big Data Technology Index
Stars: ✭ 24 (-46.67%)
Mutual labels:  index
Fancy Index
A responsive Apache index page.
Stars: ✭ 230 (+411.11%)
Mutual labels:  index
scan
DeFi Scan, everything one-stop location for DeFi Blockchain. Powered by jellyfish & ocean network.
Stars: ✭ 31 (-31.11%)
Mutual labels:  index
indexd
An external bitcoind index management service module
Stars: ✭ 50 (+11.11%)
Mutual labels:  index
tex-course-index-template
A template for writing a condensed course index leveraging LaTeX indexing
Stars: ✭ 30 (-33.33%)
Mutual labels:  index
NasdaqCloudDataService-SDK-Java
Nasdaq Data Link provides a modern and efficient method of delivery for real-time exchange data and other financial information. This repository provides a Java SDK for developing applications using Nasdaq Data Link's real-time data.
Stars: ✭ 70 (+55.56%)
Mutual labels:  index

微信小程序字母检索-indexList

两年前小程序刚出来的时候,领导就让我做一个小程序,中间有个字母索引的功能,在H5页面里,比较常见,原理就是通过touch事件来更新dom,使视图有所变化。

但是在小程序里,并没有dom的操作,只能通过现有的组件实现效果,在17年的时候,第一版里,做出来的效果在安卓手机还有点卡,经过2年,小程序也不断更新,现在ios和android表现都比较流畅了。

动图效果gif

indexList详细内容

功能要点

  • 触摸右侧字母,左侧scrollview滚动到目标位置
  • 可在search.wxss中自定义样式
  • 注意: 这里的右侧字母所在的view高度,也就是 .index-english view 高度固定为15px不可修改,如果有需要以后的版本再改善,其他部分样式可以自定义

下载地址

bower install indexList(停止更新bower)

npm install wx-index (从node_modules目录下面拷贝出项目代码即可)

如何使用

  1. 直接使用 page/search/search 这是page形式的代码,可修改性比较强,可以直接拷贝来使用
  2. 使用component方式使用 拷贝 component文件到项目根目录中,在需要调用组件的页面中调用(暂不支持自定义样式,如果需要修改请使用方法1)
// xxx.wxml
<zx-index list="{{list}}"></zx-index>

// xxx.json
{
  "usingComponents": {
    "zx-index": "../../component/index/index"
  }
}

最后

如果觉得此组件可以帮助到你,请给个star以资鼓励,谢谢。

如果此组件有什么不足之处,欢迎提出issue或有好的方案直接PR。

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].