Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。
与其他组件库不同的是，Lin UI 除了提供基本的组件外，还会提供 wxs模块 、高级组件 、 电商组件模块 等等。例如，在电商项目里常用的 SKU联动选择，城市选择器 等。
特性
-
简单易用
组件采用微信小程序的原生语法编写，只需要熟悉初级的 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 模块 -
增强编译 -
ES6 转 ES5
设置路径：微信开发者工具右上角 -> 详情 -> 本地设置
4、构建 NPM 模块 微信开发者工具配置完成以后，还需进行一次 NPM 模块的构建
按钮位置：微信开发者工具顶部 -> 工具 -> 构建 npm
引入
1、配置微信开发者工具
-
要正确使用 Lin UI，需将微信开发者工具的 Es6 转 ES5和增强编译选项勾选上 -
将基础库版本设置到 >=2.8.2
2、在页面中引入
{
"usingComponents":{
"l-button":"/miniprogram_npm/lin-ui/button/index"
}
}
3、在页面中使用
<l-button type="default">默认按钮</l-button>
组件样式
按钮 Button
卡片 Card
模态框 Dialog
步骤条 Steps
传送门
GitHub：https://github.com/TaleLin/lin-ui
原文始发于微信公众号（开源技术专栏）：基于 微信小程序原生语法 实现的组件库 Lin UI
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/191892.html
