微信小程序使用weui樣式框架

WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊爲微信內網頁和微信小程序量身設計,令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
以下內容是純UI庫,如果想使用邏輯封裝版本,請看小程序組件庫 - WeUIWEUI的組件庫

這篇文章只介紹樣式如何引入↓↓↓

  1. github下載:weui-wxss

  2. 將dist文件導入到微信開發者工具

在這裏插入圖片描述* 項目
3.看到這個界面就說明你git拉下來的項目可以使用的
在這裏插入圖片描述
進入到這裏你就可以看到weui的所有組件了,建議保存這個項目,方便你去找到你所需要的樣式

4.把weui.wxss複製到你的項目中
在這裏插入圖片描述
5.在你的項目中引入weui.wxss
在這裏插入圖片描述
6.將你需要的html標籤複製到自己到項目中
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章