微信小程序仿微信通訊錄按字母查找滑動組件

微信小程序仿微信通訊錄按字母查找滑動組件

效果

通訊錄
通訊錄根據字母滑動顯示

如何使用

  1. 將component目錄的alphabet放到自己的項目目錄中
  2. 在使用的頁面引入

json

"usingComponents": {
    "alphabet": "/component/alphabet/index"
  }

wxml

list 是傳入的數據,一定要和alphabetList.js里面data中list的json數據一樣

<alphabet list="{{list}}" />

wxss

下面是隱藏滾動條,組件里面不支持這樣寫

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
  1. 編譯

功能

  • [x] 帶字母滑動或點擊選擇的列表頁面

其它

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容