軟件介紹
Lin UI官方版是一款專門提供給編程開發(fā)人員們使用的高質(zhì)量UI組件庫(kù),我們可以通過Lin UI免費(fèi)版來進(jìn)行各種微信小程序的開發(fā)工作,并且這款軟件還為用戶提供了多種組件模塊。
Lin UI官方版軟件特色
簡(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)目中了!
- 精選留言 來自河北衡水電信用戶 發(fā)表于: 2023-11-28
- 我已經(jīng)安裝了,用起來感覺不錯(cuò),感謝分享!
- 精選留言 來自河北滄州移動(dòng)用戶 發(fā)表于: 2023-5-12
- 我已經(jīng)安裝了,用起來感覺不錯(cuò),感謝分享!
- 精選留言 來自廣西崇左移動(dòng)用戶 發(fā)表于: 2023-6-20
- 很實(shí)用,謝謝分享
- 精選留言 來自廣西南寧電信用戶 發(fā)表于: 2023-1-12
- 不錯(cuò),比其他同類軟件強(qiáng)多了,非常簡(jiǎn)單實(shí)用!
- 精選留言 來自四川南充移動(dòng)用戶 發(fā)表于: 2023-4-3
- 這個(gè)軟件可以有,非常及時(shí)!