微信小程式從零開始開發步驟(八)引入框架WeUI

2022-09-02 12:54:08 字數 1103 閱讀 6474

首先來看下weui的官方介紹:

2、我們只需要將weui-wxss-master\dist\style\weui.wxss檔案匯入到小程式專案的根目錄下:

5 根元件使用class=」page」

6 頁面骨架

7 除此之外都是按照weui-開頭後接元件名稱,例如class=」weui-footer」

我是頁尾
上海物聯網科技****

示例**:

button

按鈕,weui採用小程式原生的按鈕為主體,加入一些間距的樣式。

頁面主操作 normal

頁面主操作 disabled

頁面次要操作 normal

頁面次要操作 disabled

警告類操作 normal

警告類操作 disabled

按鈕按鈕

按鈕按鈕

按鈕按鈕

按鈕

預覽框架weui檔案:

微信小程式從零開始開發步驟(七)引入外部js 檔案

上一章講到小程式頁面的四種常見的跳轉的方法,這一章寫如何引入乙個外部的js檔案,既utils資料夾的用處,其實步驟很簡單 1 準備好外部想要引入的外部檔案,命名為util.js,並且填充固定的檔案內容 一般是固定的庫 2 開啟util.js 繼續填寫重要內容將要使用的方法用module.export...

微信小程式從零開始開發步驟(七)引入外部js 檔案

上一章講到小程式頁面的四種常見的跳轉的方法,這一章寫如何引入乙個外部的js檔案,既utils資料夾的用處,其實步驟很簡單 1 準備好外部想要引入的外部檔案,命名為util.js,並且填充固定的檔案內容 一般是固定的庫 2 開啟util.js 繼續填寫重要內容將要使用的方法用module.export...

微信小程式從零開始開發步驟(七)引入外部js 檔案

上一章講到小程式頁面的四種常見的跳轉的方法,這一章寫如何引入乙個外部的js檔案,既utils資料夾的用處,其實步驟很簡單 1 準備好外部想要引入的外部檔案,命名為util.js,並且填充固定的檔案內容 一般是固定的庫 2 開啟util.js 繼續填寫重要內容將要使用的方法用module.export...