軟件介紹

Lin UI官方版是一款專門提供給編程開發(fā)人員們使用的高質量UI組件庫，我們可以通過Lin UI免費版來進行各種微信小程序的開發(fā)工作，并且這款軟件還為用戶提供了多種組件模塊。

Lin UI官方版軟件特色

簡單易用

組件采用微信小程序的原生語法編寫，只需要熟悉初級的 HTML 、 CSS 、 JavaScript 和 微信小程序 相關知識就能上手開發(fā)，同時既可以一次性加載所有的代碼，也可以選擇只加載使用到的某些組件的代碼。

規(guī)范統(tǒng)一

遵循統(tǒng)一的 設計規(guī)范 ，接口標準 和 事件冒泡機制 ，減少開發(fā)者查閱文檔的時間成本，提升開發(fā)效率。

文檔豐富

為了能讓更多開發(fā)者接觸之初，就能夠熟練的用Lin-UI開發(fā)自己的小程序應用，我們對每個組件的 屬性 、 事件 、用法 、和 案例 上都做了詳盡的描述。

擴展性強

支持 按需引入 和 自定義的主題色 ，生成多種風格，滿足個性化產(chǎn)品需求；同時還具有很強的 擴展性 ，輕松實現(xiàn)組件的二次開發(fā)。

支持第三方庫框架

支持第三方框架，taro，mpvue。

使用方法

快速上手：

安裝

1、初始化你的項目為一個 NPM 項目

npm init -y

若項目根目錄已包含 package.json 文件，則可跳過該步驟

2、安裝 Lin UI

npm i lin-ui

3、配置微信開發(fā)者工具 要正確安裝 Lin UI，需將微信開發(fā)者工具的 使用 npm 模塊 選項勾選上

設置路徑：微信開發(fā)者工具右上角 -> 詳情 -> 本地設置

4、構建 NPM 模塊 微信開發(fā)者工具配置完成以后，還需進行一次 NPM 模塊的構建

按鈕位置：微信開發(fā)者工具頂部 -> 工具 -> 構建 npm

引入

1、配置微信開發(fā)者工具

要正確使用 Lin UI，需將微信開發(fā)者工具的 Es6 轉 ES5 和 增強編譯 選項勾選上

設置路徑：微信開發(fā)者工具右上角 -> 詳情 -> 本地設置

2、在頁面中引入

{

"usingComponents":{

"l-button":"/miniprogram_npm/lin-ui/button/index"

}

}

3、在頁面中使用

（l-button type="default"）默認按鈕（/l-button）

我們建議你在引入 Lin UI 組件時，都統(tǒng)一命名為 l-{組件名} 格式，遵循此規(guī)范將使你的項目代碼更加清晰

至此，Lin UI 已成功引入至你的項目中了！