-Lin UI(微信小程序UI组件库)下载- v0.9.4官方版-爱看下载站

Lin UI是一款高质量的微信UI组件库文件，根据微信小程序原生的语法设计，遵循统一的设计规范，每个组件都有详细的属性、事件、用法和案例的详细描述，用户只需掌握简单的HTML、CSS、JavaScript和微信小程序知识就可以上手了，具有简洁、易用和美观的特点，支持第三方库框架。

1、简单易用

组件采用微信小程序的原生语法编写，只需要熟悉初级的 HTML 、 CSS 、 JavaScript 和微信小程序相关知识就能上手开发，同时既可以一次性加载所有的代码，也可以选择只加载使用到的某些组件的代码。

2、规范统一

遵循统一的设计规范，接口标准和事件冒泡机制，减少开发者查阅文档的时间成本，提升开发效率。

3、文档丰富

为了能让更多开发者接触之初，就能够熟练的用Lin-UI开发自己的小程序应用，我们对每个组件的属性、事件、用法、和案例上都做了详尽的描述。

4、扩展性强

支持按需引入和自定义的主题色，生成多种风格，满足个性化产品需求;同时还具有很强的扩展性，轻松实现组件的二次开发。

5、支持第三方库框架

支持第三方框架，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 已成功引入至你的项目中了!

∨ 展开

Lin UI(微信小程序UI组件库) v0.9.4官方版