使用weui開發微信小程序


一、使用weui

  學習一個新的技術,想要最短時間掌握並熟練使用它,那就是直接做項目了。把技術直接應用到項目中來,直接做出東西,這是我的方法,因為我很懶不太喜歡看一步一步看文檔,看理論。

 

 

  那怎么使用weui,應用到項目中來呢?

 

  1、因為小程序不使用npm,所以直接去github把weui下載下來:

      https://github.com/Tencent/weui-wxss/

 

  2、用微信開發者工具打開剛下載下來的weui項目:weui-wxss-master,看看這里面都有些什么,要用到什么就直接取他的頁面代碼

 

 

 

 

 

===============================================================

 

 

  二、開一個微信小程序新項目,把weui庫應用進去,怎么應用的呢?看下面步驟

 

    2.1、新建一個微信小程序項目:weui-demo

 

 

 

 

  2.2、在weui-wxss-master里找到weui.wxss文件放到自己新項目的根目錄下,如:

        網上是這么說的,我也這么放了,但是報錯,如下:在此說一句:fuck , 我去尼瑪的什么鬼

 

 

   。。。不好意思找錯weui.wxss文件了,應該是dist目錄下的style目錄下的weui.wxss文件

  正確的文件應該是:weui-wxss-master\dist\style,而剛才放的文件是:weui-wxss-master\src\style

 

 

 

 

 

  好了,引入全局weui.wxss文件成功,沒有任何報錯,如下:

 

 

 

  2.3、直接在index頁面引入weui的一個button按鈕看看效果,如下:

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM