亚洲精品欧美日韩-亚洲精品欧美一区二区三区-亚洲精品欧美综合-亚洲精品欧洲精品-亚洲精品欧洲一区二区三区

首頁
手機版
熱門搜索:
當前位置:電腦軟件行業軟件輔助設計Lin UI

Lin UI (微信小程序ui組件庫)官方版v0.9.4

  • 大小:1.37MB
  • 語言:簡體中文
  • 類別:輔助設計
  • 類型:免費軟件
  • 授權:國產軟件
  • 時間:2021/03/17
  • 官網:http://www.taiyee.com.cn
  • 環境:Windows7, Windows10, WindowsAll

相關軟件

Lin UI是一套適用于微信小程序的UI組件庫,在該組件庫中為用戶提供了非常多高質量的UI素材,統一的美術風格和設計規范,讓這些UI圖案看起來非常的美觀,除了基本的組件之外,該組件庫還另外提供了wxs模塊、高級組件、電商組件模塊等等內容,讓你在進行設計時更加的方便。

軟件特色

Lin UI圖片

簡單易用

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

規范統一

遵循統一的 設計規范 ,接口標準 和 事件冒泡機制 ,減少開發者查閱文檔的時間成本,提升開發效率。

文檔豐富

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

擴展性強

支持 按需引入 和 自定義的主題色 ,生成多種風格,滿足個性化產品需求;同時還具有很強的 擴展性 ,輕松實現組件的二次開發。

支持第三方庫框架

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

使用說明

快速上手:

安裝

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

npm init -y

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

2、安裝 Lin UI

npm i lin-ui

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

設置路徑:微信開發者工具右上角 -> 詳情 -> 本地設置

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

按鈕位置:微信開發者工具頂部 -> 工具 -> 構建 npm

引入

1、配置微信開發者工具

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

設置路徑:微信開發者工具右上角 -> 詳情 -> 本地設置

2、在頁面中引入

{

"usingComponents":{

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

}

}

3、在頁面中使用

(l-button type="default")默認按鈕(/l-button)

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

至此,Lin UI 已成功引入至你的項目中了!

標簽: ui組件庫

下載地址

Lin UI (微信小程序ui組件庫)官方版v0.9.4

普通下載通道

網友評論

返回頂部