來了!微信小程式五款最受歡迎的UI框架解讀

2021-10-04 18:48:29 字數 838 閱讀 3873

1、weui

效果:開發文件參考:

使用心得:

weui 使用第乙個問題 ,文件不是很詳細 ,訪問 能看到效果圖,沒有直觀的顯示效果對應的** ,從開發角度來說,文件不夠直接,使用不是很方便。

使用心得:

1、優點:提供了豐富的ui元件,尤其是 tabbar、tabs、抽屜、index索引 ,使用比較方便 。

2、缺點:頁面風格比較固定、修改起來比較困難。輸入框在模擬器下經常無法輸入,給應用除錯帶來了麻煩。

使用心得:

1、優點:視覺效果漂亮,注意看一下,他可以將樣式沉浸到手機最頂部,這一點很好,同時其他元件也挺好,可針對自己的需求,直接修改或覆蓋他的css樣式。

使用心得:

1、優點:視覺效果簡單明朗、提供了日常開發使用的元件、文件很詳細。

5、taroui

總結:

以上五個框架,對於新手來說、前四個可以使用,最後乙個拓展了解。對於有 css 基礎的同學,參照他們的樣式,自己編寫 css 比較靈活。

往期文章:

微信小程式的幾種彈出提示框

1.wx.showtoast 訊息提示框 icon success 成功圖示,loading 載入圖示 7個漢字長度 none不顯示 兩行文字 image 設定自定義圖示,優先順序高於icon mask 顯示蒙層 wx.showtoast 隱藏訊息提示框 wx.hidetoast 2.wx.show...

微信小程式的模態框製作(最詳細)

實現邏輯 通過if進行判斷顯示還是隱藏,盒子通過fixed定位加層級權重進行顯示,在通過 overflow hidden 防止溢位 catchtap stop 是為了防止冒泡 wxml view class modal dialog wx if bindtap hidepopup screen ca...

微信小程式 歡迎介面開發的例項詳解

微信小程式 歡迎介面 市面上大多數的app都會有乙個歡迎介面,下面將演示如何通過微信小程式實現乙個歡迎介面。下面將會按照以下的順序介紹 布局的實現 邏輯的實現 樣式的實現 1.布局的實現 整個布局使用swiper滑動檢視實現,滑動檢視的每乙個item通過乙個block塊包裹,塊中包裹的是滑動檢視的每...