2018-10-15 微信小程式特殊效果合集

文字跑馬燈效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038
觸控水波漣漪效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1350
下拉選單效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1875
五星評分效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1876
數字累加，動態效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1694
星戰字幕效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1689
動畫卡片效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2193
列表項左滑刪除效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2189（更多左滑刪除效果請直接在論壇內搜尋“左滑”即可）
圖片的濾鏡效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3949
黑客帝國metrix效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4670
CSS3動畫效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4628
仿直播點贊氣泡效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2833
文字彈幕效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4713
仿UC宣傳頁面的簡單動畫效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4266
發簡訊驗證碼倒數計時：http://www.wxapp-union.com/portal.php?mod=view&aid=1671
彈出選單特效：http://www.wxapp-union.com/portal.php?mod=view&aid=1659
滾動動畫：http://www.wxapp-union.com/portal.php?mod=view&aid=1538
實時圓形進度條：http://www.wxapp-union.com/portal.php?mod=view&aid=1456
遮罩層：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3617
仿Table效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038
操作按鈕懸浮固定在底部：http://www.wxapp-union.com/portal.php?mod=view&aid=1029
支付倒數計時效果：http://www.wxapp-union.com/portal.php?mod=view&aid=890
文字單行背景自適應帶角標：http://www.wxapp-union.com/portal.php?mod=view&aid=636
側邊欄滑動特效；http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1202
頂部導航效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1665
彈出和隱藏動畫：http://www.wxapp-union.com/portal.php?mod=view&aid=1449
切換動畫：http://www.wxapp-union.com/portal.php?mod=view&aid=1113

自動完成文字框：微信小程式之自動完成文字框
搜尋關鍵詞高亮：做搜尋關鍵字高亮，大家有什麼思路？
相簿效果：精緻點選下拉框，附帶相簿，附帶網路訪問，細節至上！
計時器：計時器/倒數計時相關
高鐵圖：小程式之基於canvas繪製高鐵線路圖
點贊效果：微信小程式小元件：仿直播點贊氣泡效果，基於Canvas
指南針：指南針小程式開發筆記指南針
滑動切換：微信小程式demo：仿one：滑動切換頁面
聯絡人列表：微掛靠公司端：下拉選單，聯絡人列表
仿淘寶密碼輸入框：匯匯生活：電商模板，仿淘寶密碼輸入框
微信小程式頁面效果：列表點贊底部彈出、支付密碼框、商品數量加減、角標、頂部提示
圖表類（折線圖，統計圖）
圖表類：折線圖，柱狀圖，K線，分時圖

生成二維碼： 微信小程式條形碼、二維碼生成模組
微信小程式實用Demo: 小程式內生成image格式qrcode（二維碼）
微信小程式使用canvas進行二維碼繪製
會員小程式開發總結：條形碼二維碼

圖片預載入：
在微信小程式裡實現圖片預載入元件
讓人頭痛的小程式之『圖片懶載入』終極解決方案

多級聯動：
微信小程式省市三級聯動
微信小程式實用元件：自定義toast，自定義picker級聯選單
微信小程式學習用精品demo：級聯篩選，下拉重新整理上拉載入
封裝的一些微信小程式的方法：城市資料等，級聯
微信小程式省市區三級聯動（picker-view元件）
微信小程式省市區三級聯動
微信小程式學習用demo：電商學習模板，彈出層，三級聯動
棒棒達寄件平臺：引數傳遞，城市三級聯動
加速度手機維修：三級聯動，底部選單

日曆系列：
藝龍小程式框架：picker，選擇日曆，下拉選單
微信小程式demo：校園日曆微信小程式demo：優惠資訊：橫版日曆，tab欄
微信小程式demo：倒班日曆：線上小程式原始碼，公立轉農曆
微信小程式學習用demo：日曆：公曆農曆轉換，calendar-convert
微信小程式demo：小數報課表：日曆
微信小程式demo：電影日曆，基於node
github精選：微信小程式實現簡單的日曆
【借鑑倒班日曆】日曆小程式

效果合集一：微信小程式精品demo：跑馬燈，左側選單，抽屜層，載入動畫

文字跑馬燈 彈出層（常用於選擇商品屬性）
訂單好中差評價互動
左側可滑動tabbar
橫向滾動圖文
省市區三級聯動（單頁面（小程式的頁面層級限制）、多頁面兩種）
loading
驗證碼倒數計時
左滑取消操作、刪除
單選按鈕，核取按鈕，on/off開關
checkbox全選/全不選
toast(warning,danger)
橫向可滑動tabbar
圖片翻頁動畫
瀑布流圖文

效果合集二：元件大全（對話方塊、指示器、五星評分，畫廊，影院座位

ActionSheet - 上拉選單
Backdrop - 背景幕
Barcode - 條形碼
CountDown - 倒數計時
CountUp - 計數器
Dialog - 對話方塊
Gallery - 畫廊
Loading - 指示器
Picker - 選擇器
Prompt - 提示資訊
Qrcode - 二維碼
Rater - 評分元件
Refresher - 下拉重新整理
Seats - 座點陣圖
Toast - 提示框
Toptips - 頂部提示
Xnumber - 數字輸入框