原文:vue 移動端列表篩選功能實現

最近興趣所致,打算使用vant搭建一個webapp,由於需要使用列表篩選,沒有找到合適組件,於是寫了一個簡單的功能,權當記錄。 效果如下: HTML: CSS: JS: 參數說明: name:篩選項顯示名稱 value:篩選項code isShow:是否顯示 multiple:是否多選,為true時會有清空和確定功能按鈕 data:篩選列表項 ...

2019-08-23 10:04 1 3519 推薦指數:

查看詳情

vue實現pc端上拉加載功能,不兼容移動

所用插件:Mock.js 這個只用到它簡單的功能,攔截ajax請求。      vue和axios,vue基礎知識請看文檔。      axios類似於jquery的ajax方法。 以下是是該功能所有代碼,其中mock的數據可以不必理會。 View ...

Fri Mar 30 21:04:00 CST 2018 0 2906
純css實現移動橫向滑動列表

前幾天在公司做開發的時候碰到一個列表橫向滑動的功能,當時用了iscroll做,結果導致手指觸到列表的范圍內豎向滑動屏幕滑動不了的問題。 這個問題不知道iscroll本身能不能解決,當時選擇了換一種方式來做,只要css就能搞定了,主要是利用了display:-webkit-box來實現。 ...

Fri Feb 24 04:27:00 CST 2017 0 35394
vue+elementUI實現移動省市區三級聯動(滾動列表)

先上圖 具體實現 HTML + CSS ps:代碼不能直接用,只寫了大概,看得懂就行 總體結構 因為省市區三級結構一樣,所以可以單獨封裝一個組件並復用,同時絕對定位出兩條分割線,區別選中 ...

Tue Aug 06 00:43:00 CST 2019 0 1470
移動及pc實現簽名功能

  最近公司有一個新的需求,將app的功能全部轉移到h5來做,包括了簽名,動畫等功能。   簽名核心使用的就是h5的新屬性,canvans,這里推薦一個比較好用的jq插件:jSignature,有興趣的可以去官網查看相關的api   首先,看html頁面 ...

Mon Jul 09 21:57:00 CST 2018 0 2696
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM