Lin UI(高质量UI组件库)[V0.9.4官方版]

Lin UI是一套根据小程序原生态英语的语法完成的高品质UI组件库，遵照简约、实用、美观大方的设计标准，与别的组件库不一样的是，大家除开出示基本上的组件外，还会继续出示wxs模块、高級组件、电子商务组件模块这些。

软件亮点

简易实用

组件选用小程序的原生态英语的语法撰写，只必须了解初中级的 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 模块 选择项启用上

设定途径：微信开发者工具右上方 -gt; 详细信息 -gt; 当地设定

4、搭建 NPM 模块 微信开发者工具配备进行之后，还需开展一次 NPM 模块的搭建

按键部位：微信开发者工具顶端 -gt; 工具 -gt; 搭建 npm

引入

1、配备微信开发者工具

要恰当应用 Lin UI，需将微信开发者工具的 Es6 转 ES5 和 提高编译程序 选择项启用上

设定途径：微信开发者工具右上方 -gt; 详细信息 -gt; 当地设定

2、在网页页面中引入

{

”usingComponents”:{

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

}

}

3、在网页页面中应用

（l-button type=”default”）默认设置按键（/l-button）

大家提议你一直在引入 Lin UI 组件时，都统一取名为 l-{组件名} 文件格式，遵照此标准将使你的新项目编码更为清楚

到此，Lin UI 已取得成功引入至你的新项目中了！