Lin UI是一套基于微信小程序原生語(yǔ)法實(shí)現(xiàn)的高質(zhì)量UI組件庫(kù)，遵循簡(jiǎn)潔、易用、美觀的設(shè)計(jì)規(guī)范，與其他組件庫(kù)不同的是，我們除了提供基本的組件外，還會(huì)提供wxs模塊、*組件、電商組件模塊等等。

軟件特色

　　簡(jiǎn)單易用

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

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

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

　　文檔豐富

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

　　擴(kuò)展性強(qiáng)

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

　　支持第三方庫(kù)框架

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

使用方法

　　快速上手：

　　安裝

　　1、初始化你的項(xiàng)目為一個(gè) NPM 項(xiàng)目

　　npm init -y

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

　　2、安裝 Lin UI

　　npm i lin-ui

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

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

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

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

　　引入

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

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

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

　　2、在頁(yè)面中引入

　　{

　　"usingComponents":{

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

　　}

　　}

　　3、在頁(yè)面中使用

　　（l-button type="default"）默認(rèn)按鈕（/l-button）

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

　　至此，Lin UI 已成功引入至你的項(xiàng)目中了！